常用的15个数组API,你都知道吗

93 阅读2分钟

1.  join 连接符:

用连接符把数组里面的元素连接成字符串

  let arr = [1,2,3,4,5,6]
  let result = arr.join('')
  console.log(arr) // [1, 2, 3, 4, 5, 6]
  console.log(result) // '123456'

2.concat 连接数组:

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

3. reverse反转数组:

返回反转后的新数组(改变原数组)

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

4.pop

删除数组中最后一个元素,并返回删除的那个值

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

5.push

往数组结尾添加一个或者多个数组元素,并改变数组长度

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

6.shift

删除数组中第一个元素,返回返回删除的那个值

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

7.unshift

往数组前面添加一个或者多个数组元素,并改变数组长度

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

8.splice

插入、删除或者替换数组的元素

// 替换
  let a = [1, 2, 3, 4, 5]
  let result = a.splice(1, 2, 0)
  console.log(result)  // [2, 3]
  console.log(a)  // [1, 0, 4, 5]

9.slice

截取数组,不会改变原数组

// 从第0位截取到第三位
  let arr = [1,2,3,4,5,6]
  let result = arr.slice(0,3)
  console.log(result) // [1, 2, 3]

10.sort

对数组元素进行排序(默认从小到大)

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

11.indexOf

返回一个字符串在原始字符串中的索引值,如果没有就返回-1

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

12.lastIndexOf()

查找元素在数组中最后一次出现时的索引,如果没有就返回

let a = [1, 2, 3, 2, 5] 
let result = a.lastIndexOf(2) 
console.log(result) // 3 

13.toString()

返回拼接后的字符串,不改变原数组

let a = [1, 2, 3, 4, 5] 
let result = a.toString() 
console.log(result) // 1,2,3,4,5 
console.log(a) // [1, 2, 3, 4, 5]

14.filter

过滤符合条件的元素

let arr = [1, 2, 3, 4, 5, 6];
let newArr = arr.filter((item) => item%2 === 0); // 取数组中的偶数
console.log(arr) // [1, 2, 3, 4, 5, 6]
console.log(newArr) // [2, 4, 6]

15.every

判断所有元素是否都符合条件

var arr = [1, 2, 3]
var arr1 = arr.every(function (item, index) {
  if(item<4){
    return true
  }
})
console.log(arr1)  // true