美文网首页
JavaScript常用数组操作方法

JavaScript常用数组操作方法

作者: LuckyFBB | 来源:发表于2018-09-26 17:55 被阅读0次
    1. concat()
      连接两个或者多个数组。不改变原数组
    2. join()
      把数组中所有的元素放到一个字符串里。不改变原数组
    3. push()
      向数组的末尾添加一个或多个元素,并返回新的长度。改变原数组
    4. pop()
      用于删除并返回数组的最后一个元素,返回最后一个元素。改变原数组
    5. shift()
      用于把数组的第一个元素从其中删除,并返回第一个元素值。改变原数组
    6. unshift()
      向数组的开头添加一个或者多个元素,并返回新的长度。改变原数组
    7. slice()
      包含从start到end的arrayObject中的元素(含头不含尾)。返回选定元素。不改变原数组
    8. splice()
      可以删除从index处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。返回被删除的元素。改变原数组
    9. substring()/substr()
    • 相同点:只写一个参数的时候,两者作用是一样的。从当前下标截取字符。不改变原数组
    • 不同点:第二个参数。substring(startIndex,length):截取字符串的长度。
      substr(startIndex,endIndex):截取字符串最终的下标,含头不含尾
    1. sort()
      按着Unicode code位置排序,默认升序。改变原数组
    2. reverse()
      用于颠倒数组中的元素的顺序。改变原数组
    3. indexOf()/lastIndexOf()
      都接受两个参数,查询的值/查找起始位置
      不存在返回-1;存在返回位置。
      indexOf从前往后找,lastIndexOf是从后往前找
    4. every
      对数组的每一项都运行给定函数,每一项都返回true,则返回true。
    var arr=[12,10,10,19]
    function isBigEnough(element,index,array){
      return element>10
    }
    arr.every(isBigEnough)      //false
    
    1. some
      对数组的每一项都运行给定的函数,任意一项返回true,则返回true。
    2. filter
      对数组的每一项运行指定的函数,返回结果为true的项组成的数组。不改变原数组
    3. map
      对数组的每一项都运行给定函数,每次返回函数调用结果组成新的数组。
    var number=[1,2,3];
    var double=number.map(function(item){
      return item*2;
    });
    //double:[2,4,6]
    
    1. forEach数组遍历

    ES6新增操作数组的方法

    1. find()
      传入回调函数,找到数组中符合当前搜索规则的第一个元素,返回它。
    const arr=[1,2,3];
    arr.find(n => typeof n ==='number')  //1
    

    2.findIndex()
    传入一个回调函数,找到数组中符合当前搜索规则的第一个元素,返回下标,终止搜索。
    3.from()
    将类似数组的对象和可遍历的对象转为正在的数组。
    4.includes
    判断数组中是否存在该元素。

    相关文章

      网友评论

          本文标题:JavaScript常用数组操作方法

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