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
  • 相关阅读:
    MySQL的安装和基本管理
    前端基础之jQuery
    前端基础之BOM和DOM
    前端基础之JavaScript
    前端基础之CSS
    前端基础之HTML
    五,pod控制器应用进阶
    运维都该会的Socket知识!
    四,k8s集群资源清单定义入门
    三,k8s集群的应用入门
  • 原文地址:https://www.cnblogs.com/heyiping/p/13885127.html
Copyright © 2011-2022 走看看