JS数组方法整理(附使用示例)

整理目前所用过的数组方法,学习了新增的es6方法。1、arr.push()从后面添加元素,返回值为添加完后的数组的长度letarr=[1,2,is8、3,4,5]console.log(arr.push(5))//6console.log(arr)//[1,2,3,4,5,5]2、arr.pop()从后面删除元素,只能是一个,返回值是删除的元素letarr=[1,2,3,4,5]console.l...

JS数组方法整理(附使用示例)

整理目前所用过的数组方法,学习了新增的es6方法。

1、arr.push()从后面添加元素,返回值为添加完后的数组的长度

let arr = [1,2, is 8、3,4,5]console.log(arr.push(5))// 6console.log(arr) // [1,2,3,4,5,5]

2、arr.pop()从后面删除元素,只能是一个,返回值是删除的元素

let arr = [1,2,3,4,5]console.log(arr.pop())  // 5console.log(arr)  //[1,2,3,4]

3、arr.shift()从前面删除元素,只能删除一个 返回值是删除的元素

let arr = [1,2,3,4,5]console.log(arr.shift())  // 1console.log(arr)// [2,3,4,5]

4、arr.unshift()从前面添加元素, 返回值是添加完后的数组的长度

let arr = [1,2,3,4,5]console.log(arr.unshift(2)) // 6console.log(arr)  //[2,1,2,3,4,5]

5、arr.splice(i,n)删除从i(索引值)开始之后的那个元素。返回值是删除的元素,

  参数: i 索引值n 个数

let arr = [1,2,3,4,5]console.log(arr.splice(2,2))  //[3,4]console.log(arr) // [1,2,5]

6、arr.concat()连接两个数组 返回值为连接后的新数组

let arr = [1,2,3,4,5]console.log(arr.concat([1,2]))  // [1,2,3,4,5,1,2]console.log(arr)// [1,2,3,4,5]

7、str.split()将字符串转化为数组

let str = '123456'console.log(str.split('')) // ["1", "2", "3", "4", "5", "6"]

8、arr.sort()将数组进行排序,返回值是排好的数组,默认是按照最左边的数字进行排序,不是按照数字大小排序的

let arr = [2,10,6,1,4,22,3]console.log(arr.sort())// [1, 10, 2, 22, 3, 4, 6]let arr1 = arr.sort((a, b) =>a - b)  console.log(arr1)// [1, 2, 3, 4, 6, 10, 22]let arr2 = arr.sort((a, b) =>b-a)  console.log(arr2)  // [22, 10, 6, 4, 3, 2, 1]

9、arr.reverse()将数组反转,返回值是反转后的数组

let arr = [1,2,3,4,5]console.log(arr.reverse()) // [5,4,3,2,1]console.log(arr) // [5,4,3,2,1]

10、arr.slice(start,end)切去索引值start到索引值end的数组,不包含end索引的值,返回值是切出来的数组

let arr = [1,2,3,4,5]console.log(arr.slice(1,3))// [2,3]console.log(arr) //  [1,2,3,4,5]

11、arr.forEach(callback)遍历数组,无return

  callback的参数: value --当前索引的值
          index --索引
          array --原数组
let arr = [1,2,3,4,5]arr.forEach( (value,index,array)=>{  console.log(`value:${value} index:${index}  array:${array}`) }) //  value:1 index:0  array:1,2,3,4,5 //  value:2 index:1  array:1,2,3,4,5 //  value:3 index:2  array:1,2,3,4,5 //  value:4 index:3  array:1,2,3,4,5 //  value:5 index:4  array:1,2,3,4,5let arr = [1,2,3,4,5]arr.forEach( (value,index,array)=>{  value = value * 2  console.log(`value:${value} index:${index}  array:${array}`) }) console.log(arr) // value:2 index:0  array:1,2,3,4,5 // value:4 index:1  array:1,2,3,4,5 // value:6 index:2  array:1,2,3,4,5 // value:8 index:3  array:1,2,3,4,5 // value:10index:4  array:1,2,3,4,5 // [1, 2, 3, 4, 5]

12、arr.map(callback)映射数组(遍历数组),有return 返回一个新数组

  callback的参数: value --当前索引的值
          index --索引
          array --原数组
let arr = [1,2,3,4,5]arr.map( (value,index,array)=>{  value = value * 2  console.log(`value:${value} index:${index}  array:${array}`)})console.log(arr)

ps: arr.forEach()和arr.map()的区别
1. arr.forEach()是和for循环一样,是代替for。arr.map()是修改数组其中的数据,并返回新的数据。
2. arr.forEach() 没有return arr.map() 有return

13、arr.filter(callback)过滤数组,返回一个满足要求的数组

let arr = [1,2,3,4,5]let arr1 = arr.filter( (i, v) => i < 3)console.log(arr1) // [1, 2]

14、arr.every(callback)依据判断条件,数组的元素是否全满足,若满足则返回ture

let arr = [1,2,3,4,5]let arr1 = arr.every( (i, v) => i < 3)console.log(arr1) // falselet arr2 = arr.every( (i, v) => i < 10)console.log(arr2) // true

15、arr.some()依据判断条件,数组的元素是否有一个满足,若有一个满足则返回ture

let arr = [1,2,3,4,5]let arr1 = arr.some( (i, v) => i < 3)console.log(arr1) // truelet arr2 = arr.some( (i, v) => i > 10)console.log(arr2) // false

16、arr.reduce(callback, initialValue)迭代数组的所有项,累加器,数组中的每个值(从左到右)合并,最终计算为一个值

  参数: callback: previousValue 必选 --上一次调用回调返回的值,或者是提供的初始值(initialValue)
          currentValue 必选 --数组中当前被处理的数组项
          index 可选 --当前数组项在数组中的索引值
          array 可选 --原数组
     initialValue: 可选 --初始值
  实行方法:回调函数第一次执行时,preValue 和 curValue 可以是一个值,如果 initialValue 在调用 reduce() 时被提供,那么第一个 preValue 等于 initialValue ,并且curValue 等于数组中的第一个值;如果initialValue 未被提供,那么preValue 等于数组中的第一个值.
let arr = [0,1,2,3,4]let arr1 = arr.reduce((preValue, curValue) =>  preValue   curValue)console.log(arr1) // 10

let arr2 = arr.reduce((preValue,curValue)=>preValuecurValue,5)console.log(arr2) // 15

17、arr.reduceRight(callback, initialValue)与arr.reduce()功能一样,不同的是,reduceRight()从数组的末尾向前将数组中的数组项做累加。

实行方法:reduceRight()首次调用回调函数callbackfn时,prevValue 和 curValue 可以是两个值之一。如果调用 reduceRight() 时提供了 initialValue 参数,则 prevValue 等于 initialValue,curValue 等于数组中的最后一个值。如果没有提供 initialValue 参数,则 prevValue 等于数组最后一个值, curValue 等于数组中倒数第二个值。

let arr = [0,1,2,3,4]let arr1 = arr.reduceRight((preValue, curValue) =>  preValue   curValue)console.log(arr1) // 10

https://www.guoxiongfei.cn/cntech/26824.html