新聞中心
```2. 添加元素添加元素到末尾可以使用push()方法;添加元素到開(kāi)頭可以使用unshift()方法。4]除此之外還有splice()和concat()等方式進(jìn)行添加、刪除、替換等復(fù)雜操作。
- 本文目錄導(dǎo)讀:
- 1、JS常規(guī)數(shù)組操作
- 2、ES6 filter()

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、額爾古納網(wǎng)絡(luò)推廣、微信小程序開(kāi)發(fā)、額爾古納網(wǎng)絡(luò)營(yíng)銷、額爾古納企業(yè)策劃、額爾古納品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供額爾古納建站搭建服務(wù),24小時(shí)服務(wù)熱線:18980820575,官方網(wǎng)址:www.cdcxhl.com
在前端開(kāi)發(fā)中,經(jīng)常需要處理數(shù)據(jù)。而數(shù)組就是最基本的數(shù)據(jù)類型之一。對(duì)于數(shù)組的操作,我們可以使用JS提供的很多方法來(lái)實(shí)現(xiàn)。其中最常用的就是filter()函數(shù)。
JS常規(guī)數(shù)組操作
1. 遍歷
遍歷一個(gè)數(shù)組,可以使用for循環(huán)或者forEach()方法。
```js
const arr = [1, 2, 3];
for(let i=0; i console.log(arr[i]); } // 或者 arr.forEach((item) => { console.log(item); }); ``` 2. 添加元素 添加元素到末尾可以使用push()方法;添加元素到開(kāi)頭可以使用unshift()方法。 arr.push(4); console.log(arr); // [1, 2, 3, 4] arr.unshift(0); console.log(arr); // [0, 1 ,2 ,3 ,4] 除此之外還有splice()和concat()等方式進(jìn)行添加、刪除、替換等復(fù)雜操作。 ES6新增了許多方便易用的語(yǔ)法糖,其中包括filter()函數(shù)。它能夠幫助我們輕松地篩選出符合條件的元素,并返回一個(gè)新的子集合。 filter(callback[, thisArg]) callback: 回調(diào)函數(shù),接受三個(gè)參數(shù):element(當(dāng)前遍歷到的元素),index(該元素在數(shù)組中的索引),array(原始數(shù)組)。 thisArg: 可選,回調(diào)函數(shù)內(nèi)部this指向?qū)ο蟆?/p> const arr = [1, 2, 3, 4]; const result = arr.filter((item) => { return item > 2; console.log(result); // [3, 4] filter()方法返回一個(gè)新的子集合,不會(huì)改變?cè)紨?shù)據(jù)。如果需要修改原始數(shù)據(jù),則可以使用splice()等其他方式進(jìn)行操作。 JS提供了很多常規(guī)數(shù)組操作方法,如添加、刪除、替換等。ES6新增了許多方便易用的語(yǔ)法糖,其中包括filter()函數(shù)。它能夠幫助我們輕松地篩選出符合條件的元素,并返回一個(gè)新的子集合。 當(dāng)然,在實(shí)際開(kāi)發(fā)中可能還會(huì)用到其他更復(fù)雜和高級(jí)的數(shù)組操作方式。但是掌握這些基本方法和ES6 filter()函數(shù)已經(jīng)足夠應(yīng)對(duì)大部分場(chǎng)景需求了。 最后要說(shuō)一句:技術(shù)只是手段而非目標(biāo),請(qǐng)把時(shí)間花在真正有意義、有價(jià)值且能夠創(chuàng)造美好生活或者解決問(wèn)題上!ES6 filter()
網(wǎng)站標(biāo)題:JS常規(guī)數(shù)組操作與ES6filter數(shù)組過(guò)濾方法總結(jié)
地址分享:http://m.fisionsoft.com.cn/article/copdpcc.html


咨詢
建站咨詢
