美文网首页
es6前端常用的数组操作大全

es6前端常用的数组操作大全

作者: liao林凤 | 来源:发表于2019-05-30 19:58 被阅读0次

array.concat(array1, array2,...arrayN); 合并多个数组,合并返回新数组,原来的数组没有变化---concat

array.every(callback),callback是一个函数(item,index,array)=>{ retrun true || false  }, return 只能是bool值,元素全部通过检测则整个表达式为true,否则为false

(对应的array.some(callback),有一个元素通过检测则整个表达式为true,否则为false)

array.filter(callback)callback是一个函数(item,index,array)=>{ retrun true || false  },返回一个新数组,return true的元素在数组中

array.find(callback)callback是一个函数(item,index,array)=>{ retrun true || false  },返回经过callback测试的第一个元素

array.findIndex(callback)callback是一个函数(item,index,array)=>{ retrun true || false  },返回经过callback测试的第一个元素下标,没找到返回-1

array.includes(searchElement, fromIndex=0);元素时候包含在数组中,返回true,false。searchElment判断元素,fromIndex从那个下标开始。

array.indexOf(searchElement, fromIndex = 0);返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。searchElement:要查找的元素;fromIndex:开始查找的索引位置。

array.join(separator=',');数组元素的连接,separator表示标点符号,默认为“,”

array.map(callback); 数组映射,返回一个新数组,新数组的每一个元素是元素调用callback方法后的返回值,(如果没有return则返回一个undefine)item => item.name + 'c'

要找到一个元素的位置用Array.prototype.indexOf(item),存在返回元素下标,不存在就返回-1.  一个元素是否存在数组中用Array.prototype.inclides(item)返回一个bool值,true有,false没有

array.pop删除数组最后一个元素,array.shift删除数组第一个元素,并返回删除元素,数组为空时返回undefine;

array.push 与array.unshift 向数组开始或结尾添加一个或多个元素,并返回新数组的长度。

array.reduce(callback)执行数组的累加,(从左往右),将其减少为一个单值。

array.reverse();数组顺序颠倒

array.slice(begin,end)返回一个新数组,包含begin到end的索引位置的所有元素。

array.sort((a,b)=>{ retrun a-b}),对数组进行排序,元素按照转换为的字符串的诸个字符的Unicode位点进行排序,不稳定的;

array.splice()删除现有元素和/或添加新元素来更改一个数组的内容。start:指定修改的开始位置;deleteCount:从 start位置开始要删除的元素个数;item...:要添加进数组的元素,从start 位置开始。

总结:push,shift ,pop,unshift ,reverse,sort,splice方法会对原来的数组进行修改,其他操作只有返回值。

相关文章

  • es6前端常用的数组操作大全

    array.concat(array1, array2,...arrayN); 合并多个数组,合并返回新数组,原...

  • JavaScript常用数组操作方法,包含ES6方法

    JavaScript常用数组操作方法,包含ES6方法 //数组转json串 var arr = [1,2,3, {...

  • es6常用数组操作

    1:数组对象中取出某属性值组合成新的纯数组 使用map let obj=[{id:"1",name:"11"}, ...

  • js 常用方法总结

    字符串的常用属性,概览 Array对象的方法; 详细js数组常用方法大全

  • JavaScript数组去重方法

    数组去重 在处理数据的时候,常常需要对数组进行去重操作。这里记下最常用的三种方法。 1. ES6中新增的Set()...

  • Vue 对数组常用操作

    Vue 数组常用操作

  • php之数组

    整理了一份PHP开发中数组操作大全,包含有数组操作的基本函数、数组的分段和填充、数组与栈、数组与列队、回调函数、排...

  • 数组去重

    在es6出来之前,前端数组去除需要用数组循环,不仅繁琐,而且效率不高。这列一下es6的数组去重方法。 方法一: A...

  • 编辑器atom

    参考文章:常用Atom插件列表Atom-常用插件大全-原创陈科肇前端开发环境搭建Atom编辑器快捷键大全使用Ato...

  • 2018-08-22

    es6中数组的几种循环 对于数组循环,之前我们常用的方式就是:for,while等语法。但是在es6中我们可以尝试...

网友评论

      本文标题:es6前端常用的数组操作大全

      本文链接:https://www.haomeiwen.com/subject/ldrbtctx.html