js如何定義一個數組？js中對數組的定義及操作實例總結
|
admin
2023年6月29日 17:3
本文熱度 622
|
js中定義數組以及數組操作的方式分別是什么？js數組定義的方式有兩種：字面量定義數組和使用new關鍵字定義數組，js中數組的操作有添加數組元素，刪除數組元素，修改數組元素，遍歷數組元素，下面就具體來看一下這些內容。 1、js數組的定義1、字面量定義數組如下：<script>
var arr = (1,2,3,[4,5,6],{}); //其中數組元素可以是number，string，object
console.log(arr);//在控制臺輸出數組
</script>
|
2、使用new關鍵字定義數組如下：<script>
var arr = new Array[1,2,3,[4,5,6],{}];
console.log(arr);
</script>
|
3、注意事項：使用new定義數組時，如果定義為：var arr = new Array(n);則表示定義的是數組長度為n的數組，如果為空值，則表示定義了一個空數組。 2、js數組的操作1、添加數組元素如下：方法1：<script>
var arr = [1,2,3,4,"A"];
arr[5] = "M"; //如果為數組元素賦值的索引i大于數組長度，則添加數組元素后的數組長度為 i+1
console.log(arr);
</script>
|
方法2：使用push()方法；<script>
var arr = [1,2,3,4,"A"];
arr.push("BB","cc");//在數組元素的后面添加，可以追加多個元素
console.log(arr);
</script>
|
方法3：使用unshift()方法；<script>
var arr = [1,2,3,4,"A"];
arr.unshift("BB","cc");//在數組元素的前面添加，可以追加多個元素
console.log(arr);
</script>
|
2、刪除數組元素：方法1：使用pop()方法，刪除最后一個數組元素；<script>
var arr = ["A", "B", "C", "D"];
arr.pop(); //刪除最后一個元素，沒有參數，每次只能刪除一個
console.log(arr);
</script>
|
方法2：使用shift()方法，刪除第一個元素<script>
var arr = ["A", "B", "C", "D"];
arr.shift(); //刪除第一個數組元素，沒有參數，每次只能刪除一個
console.log(arr);
</script>
|
3、修改數組<script>
var arr = ["A", "B", "C", "D"];
arr[2] = "E";
console.log(arr);
</script>
|
4、遍歷一維數組<script>
var arr = ["A", "B", "C", "D"];
console.log(arr.length);
for(var i = 0; i<arr.length;i++){
console.log(arr[i]);
}
</script>
|
5、遍歷二維數組<script>
var arr = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
]
for(var i = 0;i<arr.length;i++){ //先遍歷arr
for(var j = 0;j<arr[i].length;j++){ //遍歷arr元素中的數組元素
console.log(arr[i][j]);
}
}
</script>
|
3、js數組中常見的方法1、join()：將數組中的元素，使用某種符號連接起來，形成一個字符串<script>
var arr = ["A","B","C","D"];
var a = arr.join("*");
console.log( a);
var a = arr.join("+");
console.log( a);
var a = arr.join("-");
console.log( a);
var a = arr.join("/");
console.log(a);
console.log(typeof a);
</script>
|
2、reverse()：將數組中的元素倒置順序；<script>
var arr = ["A","B","C","D"];
var a = arr.reverse(); //倒置數組順序
for(var i = 0; i< arr.length; i++) //遍歷數組
{
console.log(a[i]);
}
</script>
|
3、concat() ：將多個數組拼接成一個數組,其中的多維數組是不會展開的<script>
var arr = ["A","B","C","D"];
var arr1 = ["A","B","C","D"];
var arr2 = ["A","B","C","D"];
var arr3 = ["A","B","C","D" ,[1,2,3]];
var a = arr.concat(arr1,arr2,arr3) //concat將多個數組拼接成一個數組,其中的多維數組是不會展開的
console.log(a);
console.log(typeof a);
</script>
|
4、sort()：將數組中的元素按照ASCII從小到大排序<script>
var arr = ["d","AbC","AaC","D",1,8,6];
var a = arr.sort(); //sort是單個字符比較 例如AbD和AaC 先比較第一個字母，在比較第二個字母，第二個字母那個小就排在前面，之后就不比較后面的字母大小了
console.log(a);
</script>
|
5、slice()：截取數組中的元素；<script>
var arr = ["A","B","C","D"];
var a = arr.slice(1,3); //截取的元素包括開始截取的元素，但是不包括最后截取的元素
console.log(a);
var a = arr.slice(1); //只寫一個則表示截取到最后一個元素
console.log(a);
</script>
|
6、toString()：將數組轉換成字符串類型<script>
var arr = ["A","B","C","D"];
var a = arr.toString();
console.log(a);
console.log(typeof a);
</script>
|
該文章在 2023/6/29 17:29:16 編輯過
|
|
400 186 1886
