Es6数组常用方法

forEach()

 首先说一下foreach有的也叫增强for循环,foreach其实是for循环的一个特殊简化版。

let arr = ['a', 'b', 'c', 'd']

arr.forEach(function (val, idx, arr) {

    console.log(val + ', index = ' + idx) // val是当前元素,index当前元素索引,arr数组

    console.log(arr)

})

map()

map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理的后值。 

map()方法按照原始数组元素顺序依次处理元素。 

arr.map(function(currentValue,index,arr),thisValue) 

参数说明 

function(currentValue,index,arr) 

必须,函数,数组中的每个元素都会执行这个函数函数参数 

函数参数 

currentValue 必须 当前元素值 

index 可选 当前元素的索引值 

arr 可选 当前元素属于的数组对象。

filter()

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

var newarr = [

  { num: 1, val: 'ceshi', flag: 'aa' },

  { num: 2, val: 'ceshi2', flag: 'aa2'  }

]

console.log(newarr.filter(item => item.num===2 ))

reduce()

reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

reduce() 可以作为一个高阶函数,用于函数的 compose。

let numbers = [1,2,3,4,5]

var sum=numbers.reduce(function(s,item,index){

return s+=item

},0)//注意这个0为设置的默认值

console.log(sum)

some()

判断数组中所有的属性只要有一个符合条件 全部符合返回true 有一个不符合返回false

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

var arr2=arr.some(function(item,index){

return item<10

})

console.log(arr2)//true

every()

every 判断数组中所有的属性是否都符合条件 全部符合返回true 有一个不符合返回false

let arr=[1,2,3,4,5,6] var arr2=arr.some(function(item,index){ return item<10 }) console.log(arr2)//true

flat()

用于将嵌套的数组“拉平"变成一维数组,返回一个新数组,对原数据没有影响

[1, 2, [3, [4, 5]]].flat()

// [1, 2, 3, [4, 5]]

默认为一层、如果想要“拉平”多层的嵌套数组,可以将flat()方法的参数写成一个整数

  [1, 2, [3, [4, 5]]].flat(2)

  // [1, 2, 3, 4, 5]

如果不管有多少层嵌套,都要转成一维数组,可以用Infinity关键字作为参数

[1, [2, [3]]].flat(Infinity)

// [1, 2, 3]

如果原数组有空位,flat()方法会跳过空位

[1, 2, , 4, 5].flat()

// [1, 2, 4, 5]

indexOf()

查找某个元素的索引值,若有重复的,则返回第一个查到的索引值若不存在,则返回 -1

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

let arr1 = arr.indexOf(2)//1

let arr1 = arr.indexOf(10)//-1

from()

将伪数组变成数组,就是只要有length的就可以转成数组

let str = '12345'

console.log(Array.from(str))    // ["1", "2", "3", "4", "5"]

let obj = {0:'a',1:'b',length:2}

console.log(Array.from(obj))  // ["a", "b"]

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,591评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,448评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,823评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,204评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,228评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,190评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,078评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,923评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,334评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,550评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,727评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,428评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,022评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,672评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,826评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,734评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,619评论 2 354

推荐阅读更多精彩内容