js数组方法汇总(es6)

会改变自身的方法:##

array.copyWithin(target, start [, end = this.length])【有兼容性问题】
用于在数组内的替换操作,即替换元素和被替换元素都是数组内的元素
参数皆为整数,允许start,end为负数(倒数第n个)

array.fill(value [,statrt = 0[, end = this.length]])
将数组中指定区间的所有元素的值,都替换成value
start,end允许为负值,同上

array.pop()
删除一个数组中的最后一个元素,并且返回这个元素

array.push(element1, ...elementN)
添加一个或多个元素到数组的末尾,并返回数组新的长度

array.reverse()
前后颠倒数组中元素的位置,第一个元素会成为最后一个

array.shift()
删除数组的第一个元素,并返回这个元素

array.unshift(element1, ...elementN)
在数组的开头插入一个或多个元素,并返回数组的新长度

array.sort([function(a, b)])
对数组的元素做原地的排序,并返回这个数组。sort可能不稳定,默认按照字符串的unicode码位点排序

记a和b是两个将要被比较的元素:

  • 如果函数function(a, b)返回值小于0, 则a会排在b之前
  • 如何函数返回值等于0, 则a和b的相对位置不变(并不被保证)
  • 如果函数返回值大于0,则a会排在b之后
  • 比较函数输出结果必须稳定,否则排序的结果将是不确定的

array.splice(start, deleteCount[, item1[, item2...])
在任意的位置给数组添加或删除任意个元素(拼接),返回被删除的元素组成的数组,没有则返回空数组

start: 开始操作的索引
deleteCount:要移除的数组元素的个数
itemN:要添加进数组的元素,如果不指定,则splice只删除数组元素

不会改变自身的方法##

array.concat(value1, value2.....)
将传入的数组或非数组值与原数组合并,组成一个新的数组并返回

注意:concat方法在拷贝原数组的过程中,

  • 对象引用(非对象直接量):concat方法会复制对象引用放到组合的新数组里,原数组和新数组中的对象引用都指向同一个实际的对象,所以,当实际的对象被修改时,两个数组也同时被修改
  • 字符串和数字(是原始值,而不是包装原始值的string和number对象):concat方法会复制字符串和数字的值放到新数组里

一个栗子:

var arr1 = [1, 2, {a: 'test'}]
var arr2 = ['a', 'b', 'c']

var output = arr1.concat(arr2)
console.log(output) // output[2].a == 'test'
setTimeout(function(){
       arr1[2].a = 'has changed'
       console.warn(output)  //output[2].a == 'has changed'
}, 5000)

另一个栗子:

var arr1 = [1, 2, 3]
var arr2 = ['a', 'b', 'c']

var output = arr1.concat(arr2)
console.log(output) 
setTimeout(function(){
     arr1[2] = 99
     console.warn(output)      //output值并不会改变
 }, 5000)

将非数组值合并到数组里:

var alpha = ['a', 'b', 'c']
var output = alpha.concat(1, [2, 3]) //['a', 'b', 'c', 1, 2, 3]

array.includes(searchElement, [, fromIndex])[实验性质,es7,可能会改变或删除]
用来判断当前数组是否包含某指定的值,如果是,则返回true,否则false

array.join([separator = ','])
将数组中的所有元素连接成一个字符串(默认用逗号作为分隔符,如果separator是一个空字符串,那么数组中的所有元素将被直接连接)
如果元素是undefined或者null,则会转化成空字符串

array.slice([begin = 0 [, end = this.length - 1]])
把数组中一部分的浅复制(shallow copy)存入一个新的数组对象中,并返回这个新的数组
不修改原数组,只会返回一个包含了原数组中提取的部分元素的一个新数组
具体拷贝规则同concat函数

array.toString()
返回一个字符串,该字符串由数组中的每个元素的toString()返回值经调用join()方法连接(由逗号隔开)组成。

一个例子:

 var arr = ['abc', 2, {a: 'test'}]
 console.log(arr.toString())        //'abc,2,[object Object]'

array.toLocaleString()
返回一个字符串表示数组中的元素。数组中的元素将使用各自的toLocaleString方法转化成字符串,这些字符串将使用一个特定语言环境的字符串(例如逗号)隔开

array.indexOf(searchElement[, fromIndex = 0])
返回指定元素能在数组中找到的第一个索引值,否则返回-1
fromIndex可以为负,表示从倒数第n个开始(此时仍然从前向后查询数组
使用“严格相等”(===)进行匹配

一个例子:

          var obj = {a: 'test'}
          var arr = ['a', 'b', {a: 'test'}]
          console.log(arr.indexOf(obj))     //-1

          var arr2 = [1, 'b', {a: 'test'}]
          console.log(arr2.indexOf('1'))      //-1

array.lastIndexOf(searchElement[, fromIndex = arr.length - 1])
返回指定元素在数组中的最后一个的索引,如果不存在则返回-1, 从数组的后面向前查找
同上

遍历方法##

array.forEach((v, i, a) => {})
让数组的每一项都执行一次给定的函数
v表示当前项的值,i表示当前索引,a表示数组本身
forEach遍历的范围在第一次调用 callback前就会确定。调用forEach后添加到数组中的项不会被 callback访问到。如果已经存在的值被改变,则传递给 callback的值是 forEach遍历到他们那一刻的值。已删除的项不会被遍历到。

array.entries()
返回一个Array Iterator对象,该对象包含数组中每一个索引的键值对

一个例子:

var arr = ["a", "b", "c"];
var eArr = arr.entries();

console.log(eArr.next().value); // [0, "a"]
console.log(eArr.next().value); // [1, "b"]
console.log(eArr.next().value); // [2, "c"]

array.every(callback(v, i, a){})
callback只会为那些已经被赋值的索引调用,不会为那些被删除或从来没有被赋值的索引调用
和forEach函数类似
注意:array.every()返回一个布尔值,即对每个元素的callback函数结果作逻辑“&”操作

array.some()
使用方法同上,
注意:对每个元素的callback函数结果作逻辑“||”操作

array.filter((v, i, a) => {})
使用指定的函数测试所有元素,并创建一个包含所有测试通过的元素的新数组
callback函数返回一个布尔值,true即通过测试
callback只会在已经赋值的索引上被调用,对于那些已经被删除或者从未被赋值的索引不会被调用
不会改变原数组

array.find((v, i, a) =>{})【有兼容性问题目前】
返回数组中满足测试条件的第一个元素,如果没有满足条件的元素,则返回undefined

array.keys()
返回一个数组索引的迭代器(类似于array.entries()方法)

array.map((v, i, a) => {})
返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组
map 不修改调用它的原数组本身(当然可以在 callback 执行时改变原数组)

array.reduce(callback[, initialValue])
该方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始合并,最终为一个值
callback参数:
previousValue:上一次调用回调返回的值,或者是提供的初始值(initialValue)
currentValue: 数组中当前被处理的元素
index: index
array: 调用的数组
如果 initialValue 在调用 reduce 时被提供,那么第一个 previousValue 等于 initialValue ,并且currentValue 等于数组中的第一个值;如果initialValue 未被提供,那么previousValue 等于数组中的第一个值,currentValue等于数组中的第二个值。
一个例子

[0, 1, 2, 3, 4, 5].reduce((p, v, i , a) => {
  return p + v
})

//15

数组扁平化:

var flattened = [[0, 1], [2, 3], [4, 5]].reduce((a, b) => {
  return a.concat(b)
})
//flattened is [0, 1, 2, 3, 4, 5]

array.reduceRight()
使用同上,与reduce()的执行方向相反

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

推荐阅读更多精彩内容