摘要:首先先定義一個(gè)數(shù)組會(huì)遍歷數(shù)組沒有返回值,不允許在循環(huán)體內(nèi)寫,不會(huì)改變?cè)瓉頂?shù)組的內(nèi)容有三個(gè)參數(shù),第一個(gè)是數(shù)組里面的值,第二個(gè)是數(shù)組索引,第三個(gè)是數(shù)組本身的指引打印打印打印數(shù)組本身遍歷數(shù)組會(huì)返回一個(gè)新數(shù)組,不會(huì)改變?cè)瓉頂?shù)組里的內(nèi)容有三個(gè)參數(shù),第
ES6 Array
首先先定義一個(gè)數(shù)組
let arr = [1,2,3,4,5];forEach()
forEach會(huì)遍歷數(shù)組, 沒有返回值,不允許在循環(huán)體內(nèi)寫return,不會(huì)改變?cè)瓉頂?shù)組的內(nèi)容
forEach() 有三個(gè)參數(shù),第一個(gè)是arr數(shù)組里面的值,第二個(gè)是arr數(shù)組索引,第三個(gè)是arr數(shù)組本身的指引
arr.forEach((item, idx, array) => { //打印 1,2,3,4,5 console.log(item); //打印 0,1,2,3,4 console.log(idx); //打印 arr數(shù)組本身 console.log(array); });map()
map 遍歷數(shù)組, 會(huì)返回一個(gè)新數(shù)組,不會(huì)改變?cè)瓉頂?shù)組里的內(nèi)容
map() 有三個(gè)參數(shù),第一個(gè)是arr數(shù)組里面的值,第二個(gè)是arr數(shù)組索引,第三個(gè)是arr數(shù)組本身的指引
let val = arr.map((item, idx, array) => { //注意:如果沒有return值,則新數(shù)組會(huì)插入一個(gè)undefined值 return item * item; }); //打印 1,4,9,16,25 console.log(val);filter()
filter 遍歷數(shù)組, 會(huì)返回一個(gè)新數(shù)組, 不會(huì)改變?cè)瓉頂?shù)組里的內(nèi)容
filter 會(huì)過濾掉數(shù)組中不滿足條件的元素, 把滿足條件的元素放到一個(gè)新數(shù)組中,不改變?cè)瓟?shù)組
filter() 有三個(gè)參數(shù),第一個(gè)是arr數(shù)組里面的值,第二個(gè)是arr數(shù)組索引,第三個(gè)是arr數(shù)組本身的指引
let val = arr.filter((item, idx, array) => { //注意:如果沒有return值,則返回一個(gè)空數(shù)組 return item > 3; }); //打印 4,5 console.log(val);every()
every 遍歷數(shù)組,每一項(xiàng)都是true,則返回true,只要有一個(gè)是false, 就返回false
every() 有三個(gè)參數(shù),第一個(gè)是arr數(shù)組里面的值,第二個(gè)是arr數(shù)組索引,第三個(gè)是arr數(shù)組本身的指引
let val = arr.every((item, idx, array) => { //注意:如果沒有return值,則返回false return item >= 0; }); //打印 true console.log(val);some()
some 遍歷數(shù)組的每一項(xiàng), 有一個(gè)為true就返回true, 立即停止循環(huán)
some() 有三個(gè)參數(shù),第一個(gè)是arr數(shù)組里面的值,第二個(gè)是arr數(shù)組索引,第三個(gè)是arr數(shù)組本身的指引
let val = arr.some((item, idx, array) => { //注意:如果沒有return值,則返回false return item > 3; }); //打印 true console.log(val);reduce()
reduce 遍歷數(shù)組的每一項(xiàng), 有一個(gè)為true就返回true, 立即停止循環(huán)
reduce() 有四個(gè)參數(shù),第一個(gè)是上一次調(diào)用回調(diào)返回的值,第二個(gè)是arr數(shù)組里面的值,第三個(gè)是arr數(shù)組索引,第四個(gè)是arr數(shù)組本身的指引
let val = arr.reduce((initialValue, item, idx, array) => { return initialValue + item; }); //打印 15 console.log(val);
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/95914.html
摘要:它主要用在以類數(shù)組對(duì)象和可迭代對(duì)象為藍(lán)本,創(chuàng)建對(duì)應(yīng)的數(shù)組。類數(shù)組對(duì)象我們最熟悉的類數(shù)組對(duì)象,應(yīng)該就是的對(duì)象了。 在ES6之前,創(chuàng)建數(shù)組的方式有2種:一: 通過數(shù)組字面量 let array = [1,2,3]; console.log(array);//[1,2,3] 二: 通過new Array()創(chuàng)建數(shù)組 let array = new Array(1, 2, 3); conso...
摘要:更重要的是,代碼意圖也直觀數(shù)組長度,每一項(xiàng)按照約定的規(guī)則進(jìn)行初始化。上面代碼創(chuàng)建了一個(gè)長度為的數(shù)組其中的項(xiàng)為數(shù)字。的強(qiáng)大不止于此,它還能接受一個(gè)映射函數(shù)上面代碼中,被直接傳遞給方法,從而將它包含的值轉(zhuǎn)換成了數(shù)組。 es6新增了二種方法:Array.of()和Array.from(),它們有什么用途呢?在平時(shí)的開發(fā)中能給我們帶來什么方便呢?本篇將從一個(gè)創(chuàng)建數(shù)組的小問題開始,逐步揭開它們的...
摘要:中的方法遍歷一下數(shù)組中的每個(gè)選項(xiàng)返回一個(gè)新的數(shù)組。還可以接受第二個(gè)參數(shù),作用類似與數(shù)組的方法,用于對(duì)每個(gè)元素進(jìn)行處理。這個(gè)方式是用于將一組值,轉(zhuǎn)換為數(shù)組??蛇x到該位置前停止讀取數(shù)據(jù),默認(rèn)等于數(shù)組長度。如果是負(fù)數(shù),表示倒數(shù)。 ES6中數(shù)組增加了很多新的方法,但是先回顧下之前ES5中的數(shù)組的方法。 ES5中的方法 Array.prototype.forEach 遍歷一下數(shù)組中的每個(gè)選...
摘要:它的參數(shù)是一個(gè)回調(diào)函數(shù),所有數(shù)組成員依次執(zhí)行該回調(diào)函數(shù),直到找出第一個(gè)返回值為的成員,然后返回該成員。上面代碼中,方法的回調(diào)函數(shù)可以接受三個(gè)參數(shù),依次為當(dāng)前的值當(dāng)前的位置和原數(shù)組。 數(shù)組的擴(kuò)展 展開運(yùn)算符 展開運(yùn)算符(用三個(gè)連續(xù)的點(diǎn) ( ... ) 表示)是 ES6 中的新概念,使你能夠?qū)⒆置媪繉?duì)象展開為多個(gè)元素。 合并數(shù)組 展開運(yùn)算符的一個(gè)用途是結(jié)合數(shù)組。 如果你需要結(jié)合多個(gè)數(shù)組,在...
摘要:但是我其實(shí)一直以來不明白構(gòu)造函數(shù)的原型上,為什么沒有一個(gè)官方的方法,來產(chǎn)生一個(gè)不重復(fù)的數(shù)組或者完成數(shù)組去重的功能。我們使用展開符,結(jié)合構(gòu)造函數(shù),便可以產(chǎn)生一個(gè)不含重復(fù)項(xiàng)的數(shù)組其實(shí),對(duì)數(shù)組去重的不同方法會(huì)產(chǎn)生不同影響。 在JavaScript中,數(shù)組隨處可見。在最新版本的ECMAScript 6背景下,借助新的展開符、解構(gòu)等特性,我們可以對(duì)數(shù)組做很多四兩撥千斤的事情。 這片文章我會(huì)分享幾...
閱讀 1726·2021-11-19 09:40
閱讀 2968·2021-09-24 10:27
閱讀 3253·2021-09-02 15:15
閱讀 1919·2019-08-30 15:54
閱讀 1237·2019-08-30 15:54
閱讀 1402·2019-08-30 13:12
閱讀 667·2019-08-28 18:05
閱讀 2836·2019-08-27 10:53