JS常规数组操作与ES6filter数组过滤方法总结

```2. 添加元素添加元素到末尾可以使用push()方法；添加元素到开头可以使用unshift()方法。4]除此之外还有splice()和concat()等方式进行添加、删除、替换等复杂操作。

• 本文目录导读：
• 1、JS常规数组操作
• 2、ES6 filter()

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站设计、成都做网站、额尔古纳网络推广、微信小程序开发、额尔古纳网络营销、额尔古纳企业策划、额尔古纳品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供额尔古纳建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

在前端开发中，经常需要处理数据。而数组就是最基本的数据类型之一。对于数组的操作，我们可以使用JS提供的很多方法来实现。其中最常用的就是filter()函数。

JS常规数组操作

1. 遍历

遍历一个数组，可以使用for循环或者forEach()方法。

```js

const arr = [1, 2, 3];

for(let i=0; i

console.log(arr[i]);

}

// 或者

arr.forEach((item) => {

console.log(item);

});

```

2. 添加元素

添加元素到末尾可以使用push()方法；添加元素到开头可以使用unshift()方法。

arr.push(4);

console.log(arr); // [1, 2, 3, 4]

arr.unshift(0);

console.log(arr); // [0, 1 ,2 ,3 ,4]

除此之外还有splice()和concat()等方式进行添加、删除、替换等复杂操作。

ES6 filter()

ES6新增了许多方便易用的语法糖，其中包括filter()函数。它能够帮助我们轻松地筛选出符合条件的元素，并返回一个新的子集合。

filter(callback[, thisArg])

callback: 回调函数，接受三个参数：element(当前遍历到的元素)，index(该元素在数组中的索引)，array(原始数组)。

thisArg: 可选，回调函数内部this指向对象。

const arr = [1, 2, 3, 4];

const result = arr.filter((item) => {

return item > 2;

console.log(result); // [3, 4]

filter()方法返回一个新的子集合，不会改变原始数据。如果需要修改原始数据，则可以使用splice()等其他方式进行操作。

JS提供了很多常规数组操作方法，如添加、删除、替换等。ES6新增了许多方便易用的语法糖，其中包括filter()函数。它能够帮助我们轻松地筛选出符合条件的元素，并返回一个新的子集合。

当然，在实际开发中可能还会用到其他更复杂和高级的数组操作方式。但是掌握这些基本方法和ES6 filter()函数已经足够应对大部分场景需求了。

最后要说一句：技术只是手段而非目标，请把时间花在真正有意义、有价值且能够创造美好生活或者解决问题上！

分享文章：JS常规数组操作与ES6filter数组过滤方法总结
文章出自：http://www.shufengxianlan.com/qtweb/news24/178374.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联