js中数组常用方法总结

  1. Array.map()
    // 此方法对数组中的每个元素进行处理，得到新的数组；
    // 特点：不改变原数组；
    let arr = [2, 4, 6, 8];
    let newArr = arr.map((value) => {
      return value * 2;
    });
    console.log(arr); // 2,4,6,8
    console.log(newArr); // 4,8,12,16

  2. Array.forEach()
     //此方法是将数组中的每个元素执行传进提供的函数，没有返回值，注意和map方法区分
     let arr = [2, 4, 6, 8];
     let newArr = [];
     arr.forEach((key) =>{
       newArr.push(key*2)
     })
     console.log(newArr); // 4,8,12,16

  3. Array.filter()
     // 此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回
     let arr = [{ name: '李元芳', age: 18 },{ name: '后裔', age: 28 },{ name: '马可波罗', age: 38 }];
     let newArr = arr.filter((ele,index) => {
       return ele.age > 20
     })
     console.log(arr); // {name: '李元芳', age: 18 },{ name: '后裔', age: 28 },{ name: '马可波罗', age: 38
     console.log(newArr); // { name: '后裔', age: 28 },{ name: '马可波罗', age: 38 }

  4. Array.find()
     // 此方法返回函数满足内判断的数组的第一个元素的值，如果没有符合条件的元素返回 undefined
     let arr = [{ name: '李元芳', age: 18 },{ name: '后裔', age: 28 },{ name: '马可波罗', age: 38 }];
     let newArr = arr.find((item,index) => {
           return item.age > 20
       })
         console.log(newArr); // name: '李元芳', age: 18

5. Array.some()
  // 此方法只要有一项满足条件的就返回布尔值true 否则就返回false
   let arr = [1,2,3,4,5,6];
   let newArr = arr.some((item,index) =>{
     return item > 2
   })
   console.log(newArr); // true

6. Array.push()
   // 该方法会改变原有数组，且返回改变后数组的长度
   let arr = [1,2,3]
   let newArr = arr.push(4,5)
   console.log(arr); // 12345
   console.log(newArr); // 5

7. Array.pop()
   // 此方法在数组后面删除最后一个元素，并返回数组，此方法改变了数组的长度
   let arr = [1,2,3,4,5]
       arr.pop()
   console.log(arr); // 1234
   console.log(arr.length); // 4

8. Array.splice()
   // 该方法在数组中splice方法有增、删、该的多功能用处。
   let list = [1,2,3];
      // 删除
      list.splice(0,1);  // 删除  -> 从下标为0开始,长度为1
      console.log(list); // [2,3]
      list.splice(0,2);  // 删除  -> 从下标为0开始,长度为2
      console.log(list); // []
      //替换
      list.splice(0,1,4); // 替换 -> 从下标为0开始,长度为1的数组元素替换成4
      console.log(list);  // [4,2,3]
      list.splice(0,2,4); // 替换 -> 从下标为0开始,长度为2的数组元素替换成4(即4,2整体替换成4)
      console.log(list);  // [4,3]
      // //添加
      list.splice(1,0,5); // 表示在下标为1处添加一项5
      console.log(list);    // [1,5,2,3]  

9. Array.every()
   // 此方法只有数组中所有项都满足条件就返回布尔值true 否则就返回false
   let arr = [1,2,3,4,5,6];
   let newArr = arr.every((item,index) =>{
     return item > 2
   })
   console.log(newArr); // false

10. Array.concat()
   //  此方法是一个可以将多个数组拼接成一个数组
   let arr1 = [1, 2, 3]
   let arr2 = [4, 5]
   let arr3 = arr1.concat(arr2)
   console.log(arr3) //[1, 2, 3, 4, 5]

11. Array.toString()
	// 此方法将数组转化为字符串
    let arr = [1,2,3,4,5]
	let str = arr.toString()
	console.log(arr); // [1,2,3,4,5]
	console.log(str); // 1,2,3,4,5

12. Array.join()
    // 此方法也是将数组转化为字符串,不过可以设置元素之间的间隔
    let arr = [1,2,3,4,5]
    let arr2 = arr.join('.')
    console.log(arr2); // 1.2.3.4.5

13. Array.shift()
  	// 此方法在数组后面删除第一个元素，并返回数组，此方法改变了数组的长度：   
    let arr = [1,2,3,4,5]
    arr.shift() 
    console.log(arr); // 2,3,4,5

14. Array.unshift()
	// 此方法是将一个或多个元素添加到数组的开头，并返回新数组的长度
    let arr = [3,4,5,6,7]
        arr.unshift(1,2)
        console.log(arr); // 1,.2,3,4,5,6,7
        console.log(arr.length) //7 

15. Array.indexOf()
	// 此方法从数组的开头向后查找,返回项的索引
	var arr = [1,2,3,4,5,6,78];
 	var newArr = arr.indexOf(3); //  查找3所在的位置
 	console.log(newArr); //返回项的索引2