js数组的常用方法

push

push是用来在数组的末尾添加一个或多个元素

var arr = [1, 2, 3]

// 使用 push 方法追加一个元素在末尾
arr.push(4)

console.log(arr) // [1, 2, 3, 4]

pop

删除数组末尾的一个元素

var arr = [1, 2, 3]

// 使用 pop 方法删除末尾的一个元素
arr.pop()

console.log(arr) // [1, 2]

unshift

unshift用于在数组前面添加一个元素

var arr = [1, 2, 3]

// 使用 unshift 方法想数组的最前面添加一个元素
arr.unshift(4)

console.log(arr) // [4, 1, 2, 3]

splice

splice按照数组中的索引实现增、删、改功能
语法：splice(从哪一个索引位置开始，截取多少个，替换的新元素) （第三个参数可以不写）

var arr = [1, 2, 3, 4, 5]
// 使用 splice 方法截取数组
arr.splice(1, 2, 10)
//从索引为1的元素开始，截取之后2个元素,并将新的元素10加入到元素被删除的位置
console.log(arr) // [1, 10, 4, 5]

reverse

reverse 对数组中的元素进行反转

var arr = [1, 2, 3]

// 使用 reverse 方法来反转数组
arr.reverse()

console.log(arr) // [3, 2, 1]

sort

sort 用于给数组进行排序（默认按照字符串编码进行排序，按照数值大小排序参考之前的文章）

var arr = [2, 3, 1]

// 使用 sort 方法给数组排序
arr.sort()

console.log(arr) // [1, 2, 3]

concat

convat用于对多个数组进行拼接，不改变原来的数组，返回一个新数组

var arr = [1, 2, 3]
var newArr = arr.concat([4, 5, 6])
// 使用 concat 方法拼接数组
console.log(arr) // [1, 2, 3]
console.log(newArr) // [1, 2, 3, 4, 5, 6]

join

join将数组里的每一项内容链接起来，变成一个字符串，不改变原来的数组

var arr = [1, 2, 3]

// 使用 join 链接数组
var str = arr.join('-')

console.log(arr) // [1, 2, 3]
console.log(str) // 1-2-3

indexOf

indexOf用来找到数组中某一项的索引

var arr = [1, 2, 3, 4, 5]
// 使用 indexOf 超找数组中的某一项
var index = arr.indexOf(3)
//寻找数组中值为3的索引
console.log(index) // 返回2

注：如果数组中不存在所要找的值，那么将返回-1

forEach

用于遍历数组
语法：arr.forEach(function (item, index, arr) {})

var arr = [1, 2, 3]

// 使用 forEach 遍历数组
arr.forEach(function (item, index, arr) {
    
    
  // item 就是数组中的每一项
  // index 就是数组的索引
  // arr 就是原始数组
  console.log('数组的第 ' + index + ' 项的值是 ' + item + '，原始数组是', arr)
})

注：函数传递的次数根据数组的长度执行，数组的长度多少，这个函数就执行多少次

map

对数组的每一项进行操作，返回一个新的数组

var arr = [1, 2, 3]
// 使用 map 遍历数组
var newArr = arr.map(function (item, index, arr) {
    
    
  // item 就是数组中的每一项
  // index 就是数组的索引
  // arr 就是原始数组
  return item + 10
})

console.log(newArr) // [11, 12, 13]

filter

按照条件对数组中的元素进行筛选，将满足条件的筛选出来，组成一个新的数组返回

var arr = [1, 2, 3]
// 使用 filter 过滤数组
var newArr = arr.filter(function (item, index, arr) {
    
    
  // item 就是数组中的每一项
  // index 就是数组的索引
  // arr 就是原始数组
  return item > 1
  //筛选出数组中数值大于1的元素，并将生成的新数组返回
})
console.log(newArr) // [2, 3]