es6裏面的arr方法

es6裏面,關於arr的遍歷以及查找,新增了不少的方法,對於不一樣的應用場景,運用合適的方法,能夠達到事半功倍的效果;javascript

一, arr.find();用於查找到符合條件的第一個成員,若是沒有查找到的話,則返回undefined;css

var arr = [1,2,3,-4,-2,9];
arr.find(item => item < 0) ;   ---- -4
arr.find(item => item > 10);  -----undefined

二, arr.findIndex();用於查找符合某個條件的第一個成員的下標,若是沒有查找到的話,則返回-1,功能和indexOf相似;java

var arr = [1,2,7,5,3];
arr.findIndex(item => item >4);   ----2
arr.findIndex(item => item < 0); ----- -1

三,arr.includes(); 表示數組是否包含給定的值,返回值爲布爾值,可是後面不能接函數es6

var arr = [1,2,3,4,5];
arr.includes(2)     ---- true
arr.includes(10)   ---- false

四,arr.some();數組中的元素有一個值符合條件,就會返回true,不然的話則返回falseweb

var arr = [1,2,3,4,5];
arr.some(item => item < 3);   ---- true
arr.some(item => item > 6);   -----false

(注:arr.some和arr.inclues的方法相似,返回的都是布爾值,判斷數組的項是否符合條件;可是兩者仍是有細微的區別,includes通常用於表示具體的值,some後面能夠接函數)數組

五,arr.every();用於檢測數組中的全部元素是否符合條件,若是有一個不知足就返回false,當全部都知足的時候則返回true函數

var arr = [1,2,3,4,5,6];
arr.every(item => item > 3)   ---- false
arr.every(item => item < 7)   -----true

六,arr.filter();返回知足條件的新數組;blog

var arr = [1,2,3,4,5];
arr.filter(item => item > 2);    ----  [3,4,5]

七, arr.map(); 能夠用於數組的循環,返回一個操做一些列條件的新數組,而且必需要有return返回值ip

var arr = [{name: 'js', age: 18}, {name: 'web', age: 20}, {name: 'css', age: 30}];
arr.map(item => item.name);    ------ ['js', 'web', 'css'];
相關文章
相關標籤/搜索