生活随笔
收集整理的這篇文章主要介紹了
js数组的声明与应用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
js數組的聲明與應用
數組：一種容器，存儲批量數據。
JavaScript是一種弱類型語言。什么是弱類型，就是變量可以存儲多種類型變量的引用不會報錯。
所以js數組可以存儲不同的數據。
?? ?一、數組的作用:只要是批量的數據都需要使用數組聲明
?? ?
?? ?二、如何聲明數組
?? ??? ?1、快速聲明數組
?? ??? ??? ?var 數組名=[元素1，元素2，....];
?? ??? ?2、
?? ?
?? ?三、遍歷數組
?? ?
?? ?四、數組的處理
?? ?
<script>
/*快速聲明數組*//*var names=["張三","李四","王五"];var arrs=[["111","222"],["aaa","bbb"]];alert(names[1]);alert(arrs[1][1]);*/
/* 對象類型的聲明 *//*var p=new Object();p.name="zhangsan";p.age=10;p.sex="nan";*//*json表示法：{屬性1：值，屬性2：值2 ...}var p={"name":"zhangsan","age":10,"sex":"nan"};*/ /*var p={"name":"zhangsan","age":10,"sex":"nan"};alert(p.name);alert(p["name"]);*///對象的這種表示方式是不是像一個數組，所以我們模擬出數組的一種方式。/*function myArray(){var o=new Object();o.length=arguments.length;if (o.length>0){for(var i=0;i<arguments.length;i++){//這里要注意，如果屬性是變量不可以使用.的方式，一定要使用[]屬性的方式才可以o[i]=arguments[i];}}return o; }var myArray=new myArray(1,2,5,7,9);alert(myArray.length);alert(myArray[1]);*//*既然連我們都可以模擬出一個數組對象，更何況大牛們，所以JavaScript為我們提供了一個數組對象：Array*//*var arr=new Array(10);alert(arr.length);alert(arr[1]);//數組的元素如果沒有值，默認是undefined*//*sArray對象的一些方法與屬性：屬性：length 返回數組的長度方法：concat([item1[, item2[, . . . [, itemN]]]]) 將多個數組組合成一個數組join(separator)返回由指定分割符隔開的數組內容的字符串形式reverse() 將數組元素反轉，逆序slice(start[,end])截取數組。如果end不填，返回的是從start下標到結尾的數組對象。如果end為正數，截取的就是區間[start,end),如果end是負數，表示倒數第幾位splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])從數組指定位置移除指定長度的元素，可以在移除的位置插入新元素，返回所移除的元素，item1...是可變參sort();排序數組元素，默認使用自然排序。可以傳入一個比較方法，類似于treeMap中的比較器對象push(([item1 [item2 [. . . [itemN ]]]]))加入元素在結尾，返回數組的長度pop() 將數組視為棧結構，刪除結尾元素shift()將數組視為隊列結構，刪除第一個一個元素是從第一個位置開始刪除 unshift([item1[, item2 [, . . . [, itemN]]]])，參數是可變參，添加元素在開始位置，順序與參數順序一致*///var arr1=[1,8,3,6,7];//var arr2=[2,3,4,2];//var arr3=arr1.concat(arr2);//alert(arr3);//alert(arr3.join("-"));//alert(arr1.reverse());//alert(arr1.splice(1,2));//alert(arr1.slice(2,3));//alert(arr1.sort());//依據字符串長度排序var arr1=["aa","aaaa","bbb","e","bbbbb"
];/*arr1.sort(function(a,b){if(a.length>b.length){return -1;}else if(a.length==b.length){return 0;}else{return 1;}});alert(arr1);*/arr1.push("bk"
);alert(arr1);arr1.pop();alert(arr1);arr1.unshift("ss"
);alert(arr1);arr1.shift();alert(arr1);
</script>
View Code <html><head></head><body></body>
</html><script>
//需求：實現貪吃蛇的地圖以及蛇起點和食物坐標的位置/*分析：地圖怎么做呢？使用div，然后給背景顏色，div固定長寬，背景，邊框，定位，作為一個格子。由多個格子組成地圖起始格子和食物格子怎么做呢？也是div，這個使用隨機數，所有的格子組成一個二維數組。隨機獲取一個坐標，然后背景顏色改變。
*/var rows=20
;var cols=20
;var width=20
;var height=20
;var top=100
;var left=500
;//var bg="yellow";var arr=
new Array(rows);for(var i=0;i<arr.length;i++
){var temp=
new Array(cols);for(var j=0;j<temp.length;j++
){temp[j]=0
;}arr[i]=
temp;}//alert(arr);var row1=
random(rows);var col1=
random(cols);arr[row1][col1]=1
;do{var row2=
random(rows);var col2=
random(cols);}while(row2==row1 || col2==
col1)arr[row2][col2]=2
;//alert(row1+"--"+col1);
function random(a){return parseInt(Math.random()*
a);}for(var j=0;j<rows;j++
){for(var i=0;i<cols;i++
){if(arr[j][i]==1
)var bg="red"
;else if(arr[j][i]==2
)var bg="blue"
;elsevar bg="yellow"
;document.write("<div style='background-color:"+bg+";position:absolute;top:"+(100+j*height)+"px;left:"+(left+i*width)+"px;width:"+width+"px;height:"+height+"px;border: 1px white solid;'></div>"
);}}</script>
View Code ?
總結
以上是生活随笔為你收集整理的js数组的声明与应用的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
