zoukankan      html  css  js  c++  java
  • js关于数组的操作(合并数组、添加数组、循环等)

    1. concat() 方法

    concat() 方法用于连接两个或多个数组

    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    
    var arr2 = new Array(3)
    arr2[0] = "James"
    arr2[1] = "Adrew"
    arr2[2] = "Martin"
    
    document.write(arr.concat(arr2))

    输出 George,John,Thomas,James,Adrew,Martin

    2. map() 方法

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

    var arr = [1,2,3,4,5,6,7];
     var ar = arr.map(function(elem){
        return elem*4;
     });
     console.log(ar);//[4, 8, 12, 16, 20, 24, 28]
    console.log(arr);//[1,2,3,4,5,6,7]
    let arr = [1,2,3,4,5]
        let newArr = arr.map((item)=>{
            item =  item<2?item=3:item
            return item
        })
        console.log(newArr)//[3, 2, 3, 4, 5]
    let newdatas = res.data.map(item => {
                        item.xiaoji = parseInt(item.dongLiMonthElectricIV) + parseInt(item.kongTiaoMonthElectricIV) + parseInt(item.zhaoMingMonthElectricIV);
                        return item
                    })

    3.push方法

    push()方法向数组中添加元素

    let myArray=[11,22,33];
    myArray.push(44,55);
    console.log(myArray);//11,22,33, 44,55]

     4.find(),findIndex()

    用来查找目标元素,findIndex返回下标,find返回内容

    结合es6使用

    let typedata = this.resourcedata.find(item => item.type == '类型');
    //返回内容
    
    let typedata = this.resourcedata.findIndex((element)=>(element.name =='李四'));
    //返回下标

     5.pop()

    pop() 方法用于删除并返回数组的最后一个元素

    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    
    document.write(arr)
    
    document.write("<br />")
    
    document.write(arr.pop())
    
    document.write("<br />")
    
    document.write(arr)
    
    
    //输出
    George,John,Thomas
    Thomas
    George,John
  • 相关阅读:
    word2vec层次化softmax理解
    python动态加载模块,并获取模块中的类与方法(类似反射)
    用Python装饰器给函数自动加上try except
    3D打印第二弹:狗牌
    【高等代数】06
    【高等代数】05
    沙箱-guacamole
    关于写博客的一点思考
    二阶段目标检测总结
    Waymo object detect 2D解决方案论文拓展
  • 原文地址:https://www.cnblogs.com/heyiping/p/13885127.html
Copyright © 2011-2022 走看看