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