javascript数组常用方法小结|实际开发后复盘

--

• 定义一个数组（采用字面量的方式定义，规范写法，方便后面维护与阅读代码）

let arr=[];

• 给数组赋值

// 0 常规赋值

arr=[1,2,3]

// 1 末尾追加数组元素，采用push的方法

arr=arr.push(4);

// 2 末尾追加数组元素，采用解构的方法

arr=[...arr,4];

• 测量数组的长度

// length

arr.lenght

• 数组遍历的几种方法

let arr = [1,2,3,4]

// 方法1 采用map循环

let arr1 = arr.map((item,index,arr)=>{

console.log(item);// 当前元素值

console.log(index);// 当前索引值

console.log(arr);// 整个数组对象

return item*10 // 返回的元素分别为10,20,30,40

})

console.log("arr1:",arr1);

// 方法2 采用forEach循环 forEach使用方法与map雷同，有一个不同点就是没有return

arr.forEach((item,index,arr)=>{

console.log(item);// 当前元素值

console.log(index);// 当前索引值

console.log(arr);// 整个数组对象

})

// 方法3 采用for循环 此方法纯属个人之前c语言写多了，一时用的比较顺手

for(let i=0;i<arr.length;i++){

console.log(arr[i]);

}

• 删除数组元素

let arr = [1,2,3,4]

// 删除最后一个数组元素

let delLast = arr.pop(); // pop()方法返回删除的那个数组末尾元素

console.log(delLast,"--",arr);// 输出为 4--1,2,3

// 删除首个数组元素

let delFirst = arr.shift(); // shift()方法返回删除的那个数组首个元素

console.log(delFirst,"--",arr);// 输出为 1--2,3,4

// 删除任意位置开始到结束n个数组元素

arr.splice(0, 2); // splice()方法从arr数组下标为0的位置开始（包括0位置）删除2个元素包括。如果后面的那个2没写，那就是一直删到末尾

好啦~ 总结就是这么多啦~~

谢谢看到末尾！码字不易，点赞是最大的支持哦！