007-js中的Array常用方法

原文:http://www.runoob.com/jsref/jsref-obj-array.html

摘要常用方法

  const array=new Array();
  // 1 增加元素
  // 1.1 向数组的末尾添加一个或更多元素,并返回新的长度。
  for (var i = 0; i < 5; i++) {    
    array.push({id:i+1,value:'value-'+i})
  }
  console.log('1.1',array)
  // 1.2 向数组的开头添加一个或更多元素,并返回新的长度。
  array.unshift({id:0,value:'value-'+0})
  console.log('1.2',array)

  // 2 删除
  // 2.1 删除并返回数组的第一个元素
  array.shift();
  console.log('2.1',array)
  // 2.1 删除数组的最后一个元素并返回删除的元素。
  array.pop();
  console.log('2.1',array)

  // 3 遍历
  // 3.1 for 原始方式 //可以中断 使用 break,continue,return
  for (var i = 0; i < array.length; i++) {
    let a=array[i]
  }
  // 3.2 forEach 数组每个元素都执行一次回调函数。返回值 undefined。 不可以 通过break,return 跳出循环
  var s=array.forEach(function (currentValue,index) {
    // body...
    console.log(currentValue)
  })
  // 3.3 通过指定函数处理数组的每个元素需要return新元素,并返回处理后的数组。
  var s2=array.map(function (currentValue,index) {
    // body...
    return currentValue.id+1
  })
  console.log(s2)

  //4.条件获取
  //4.1 filter 检测数值元素,并返回符合条件所有元素的数组。没有符合的 空数组 []
  var s3=array.filter(function (currentValue,index) {
    // body...
    //返回 bool
    return currentValue.id>10
  })
  console.log(s3)
  //4.2 find 返回符合传入测试(函数)条件的数组元素。没有符合的返回 undefined
  var s4=array.find(function (currentValue,index) {
    // body...
    //返回 bool
    return currentValue.id>10
  })
  console.log(s4)

 

posted @ 2019-03-08 11:29  bjlhx15  阅读(144)  评论(0编辑  收藏  举报
Copyright ©2011~2020 JD-李宏旭