美文网首页基础API
Array对象方法总结

Array对象方法总结

作者: 带上自己去周游世界 | 来源:发表于2017-02-05 13:33 被阅读6次
    var demo = [1,2,4,3,5]
    
    方法名称 说明 ES版本 返回值 生成新数组 使用案例
    concat 连接两个或多个数组 3 返回新数组 demo.concat(demo) = [1,2,4,3,5,1,2,4,3,5]
    slice 返回选中的元素 3 返回选中的元素数组 demo.slice(1,3) = [2,4]
    join 把数组的所有元素放入一个字符串 3 返回生成的字符串 demo.join('&') = '1&2&4&3&5'
    reverse 颠倒数组中元素的顺序 3 返回处理后的数组 demo.reverse() = [5,3,4,2,1]
    valueOf 返回数组对象的原始值 3 返回原始值 demo.valueOf() = demo
    pop 删除并返回数组的最后一个元素 3 返回删除的元素 demo.pop() = [1,2,4,3]
    push 向数组末尾添加一个或多个元素 3 返回新数组的长度 demo.push(6) = [1,2,4,3,5,6]
    shift 删除数组的第一个元素 3 返回删除的元素 demo.shift() = [2,4,3,5]
    unshift 向数组开头添加一个或多个元素 3 返回新数组的长度 demo.unshift(0) = [0,1,2,4,3,5,6]
    sort 对数组的元素进行排序 3 返回处理后的数组 demo.sort() = [1,2,3,4,5]
    splice 删除元素,并向数组添加新元素 3 返回被删除的元素数组 demo.splice(1,0,9) = [1,9,2,4,3,5]
    demo.splice(1,2,9) = [1,9,3,5]
    toString 把数组转换为字符串 3 返回生成的字符串 demo.toString() = '1,2,4,3,5'
    filter 查找满足条件的元素 5 返回满足条件的元素数组 见代码1.0
    some 检测数组中的元素是否有一个符合条件 5 返回布尔值 见代码1.1
    every 检测数组中的元素是否全部符合条件 5 返回布尔值 见代码1.2
    indexOf 查找数组中符合条件的元素 5 返回元素索引 demo.indexOf(5) = 4
    map 返回经过处理的新数组 5 返回新数组 见代码1.3
    forEach 对所有元素执行一次方法 5 无返回值 见代码1.4
    reduce 把相邻的两个元素减少为单个元素 5 返回总处理结果 见代码1.5
    from 把类似数组结构和可遍历结构转换成数组 6 返回新的数组 Array.from(demo) = [1,2,4,3,5]
    of 创建指定元素个数的数组 6 返回新创建的数组 Array.of(2) = [undefined,undefined]
    fill 填充指定位置的元素 6 返回处理后的数组 demo.fill(2) = [2,2,2,2,2]
    find 查找数组中符合条件的元素 6 返回一个元素 demo.find((item) => item > 3) = 4
    demo.find((item) => item > 5) = undefined
    findIndex 查找数组中符合条件的元素 6 返回元素索引 demo.findIndex((item) => item > 1) = 1
    demo.findIndex((item) => item < 1) = -1
    includes 检测数组是否包含某一元素 7 返回布尔值 demo.includes(5) = true

    ES5中新增加的方法可在此查看
    根据功能划分可在此查看

    代码1.0:
    demo.filter((item,index,tempDemo) => {
    return item > 2;
    }) = [4,3,5]

    代码1.1:
    demo.some((item,index,tempDemo) => {
    return item === 5;
    }) = true
    demo.some((item,index,tempDemo) => {
    return item === 6;
    }) = false

    代码1.2:
    demo.every((item,index,tempDemo) => {
    return item < 6
    }) = true
    demo.every((item,index,tempDemo) => {
    return item < 5
    }) = false

    代码1.3:
    demo.map((item,index,tempDemo) => {
    return item * 10
    }) = [10,20,40,30,50]
    demo.map((item,index,tempDemo) => {
    item * 10
    }) = [undefined,undefined,undefined,undefined,undefined]

    代码1.4:
    var sum = 0;
    demo.forEach((item,index,tempDemo) => {
    sum += item;
    }) = 15

    代码1.5:
    demo.reduce((old,now,index,tempDemo) => {
    return old + now;
    }) = 15

    相关文章

      网友评论

        本文标题:Array对象方法总结

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