JavaScript數(shù)組的基本操作

1. 創(chuàng)建數(shù)組

1.1 使用new Array()

let arr = new Array();
console.log(typeof arr);

結(jié)果:
object

1.2 使用中括號

let arr = [];
console.log(typeof arr);

結(jié)果:
object

2. 訪問數(shù)組

let arr = [1,2,3,4,5];
let a = arr[0];
let b = arr[arr.length-1];
console.log(a,b);

結(jié)果:
1 5

3. 增加數(shù)組元素

3.1 初級方法

let arr = [];
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr[3] = 4;
console.log(arr);

結(jié)果:
[1, 2, 3, 4]

3.2 使用push方法,在數(shù)組末尾添加元素

let arr = [];
arr.push(11);
arr.push(22);
arr.push(33);
arr.push(44);
arr.push(55);
console.log(arr);

結(jié)果:
[11, 22, 33, 44, 55]

3.3 使用unshift方法,在數(shù)組頭部添加元素

let arr = [];
arr.unshift(11);
arr.unshift(22);
arr.unshift(33);
arr.unshift(44);
arr.unshift(55);
console.log(arr);

結(jié)果:
[55, 44, 33, 22, 11]

4. 修改數(shù)組元素

let arr = [];
arr.unshift(11);
arr.unshift(22);
arr.unshift(33);
arr.unshift(44);
arr.unshift(55);
console.log(arr);
arr[2] = 66;
arr[3] = 77;
console.log(arr);

結(jié)果:
[55, 44, 33, 22, 11]
[55, 44, 66, 77, 11]

5. 刪除數(shù)組元素

5.1 刪除數(shù)組末尾的元素,pop方法

let arr = [];
arr.unshift(11);
arr.unshift(22);
arr.unshift(33);
arr.unshift(44);
arr.unshift(55);
arr.unshift(66);
arr.unshift(77);
console.log(arr);
arr.pop();
console.log(arr);
arr.pop();
console.log(arr);

結(jié)果:
[77, 66, 55, 44, 33, 22, 11]
[77, 66, 55, 44, 33, 22]
[77, 66, 55, 44, 33]

5.2 刪除數(shù)組開頭的元素,shift方法

let arr = [];
arr.unshift(11);
arr.unshift(22);
arr.unshift(33);
arr.unshift(44);
arr.unshift(55);
arr.unshift(66);
arr.unshift(77);
console.log(arr);
arr.shift();
console.log(arr);
arr.shift();
console.log(arr);

結(jié)果:
[77, 66, 55, 44, 33, 22, 11]
[66, 55, 44, 33, 22, 11]
[55, 44, 33, 22, 11]

5.3 通過索引值刪除一個元素

let arr = [];
arr.unshift(11);
arr.unshift(22);
arr.unshift(33);
arr.unshift(44);
arr.unshift(55);
arr.unshift(66);
arr.unshift(77);
console.log(arr);
let delItem = arr.splice(1,1);
console.log(delItem);
console.log(arr);

結(jié)果:
[77, 66, 55, 44, 33, 22, 11]
[66]
[77, 55, 44, 33, 22, 11]

5.4 通過索引值刪除多個元素

let arr = [];
arr.unshift(11);
arr.unshift(22);
arr.unshift(33);
arr.unshift(44);
arr.unshift(55);
arr.unshift(66);
arr.unshift(77);
console.log(arr);
let delItem = arr.splice(1,3);
console.log(delItem);
console.log(arr);

結(jié)果:
[77, 66, 55, 44, 33, 22, 11]
[66, 55, 44]
[77, 33, 22, 11]

6. 查詢數(shù)組

let arr = [];
arr.unshift(11);
arr.unshift(22);
arr.unshift(33);
arr.unshift(44);
arr.unshift(55);
arr.unshift(66);
arr.unshift(77);
console.log(arr);
arr.forEach(function(item,index,arrs){
    console.log(item,index);
})

結(jié)果:
[77, 66, 55, 44, 33, 22, 11]
77 0
66 1
55 2
44 3
33 4
22 5
11 6

7. 查找數(shù)組元素的索引

let arr = [];
arr.unshift(11);
arr.unshift(22);
arr.unshift(33);
arr.unshift(44);
arr.unshift(55);
arr.unshift(66);
arr.unshift(77);
console.log(arr);
let a = arr.indexOf(44);
console.log(a);
let b = arr.lastIndexOf(33);
console.log(b);

結(jié)果:
[77, 66, 55, 44, 33, 22, 11]
3
4

8. 復(fù)制數(shù)組

let arr = [];
arr.unshift(11);
arr.unshift(22);
arr.unshift(33);
arr.unshift(44);
arr.unshift(55);
arr.unshift(66);
arr.unshift(77);
console.log(arr);
let carr = arr.slice();
console.log(carr);

結(jié)果:
 [77, 66, 55, 44, 33, 22, 11]
 [77, 66, 55, 44, 33, 22, 11]
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容