js+es6的数组方法总结

js的数组方法

1.toString()将数组转为字符串

var arr = ["小红", "小王", "小明"]
var str = arr.toString()
console.log('str: ', str)  // str:  小红,小王,小明

2.join()以特定字符把数组转为字符串

var arr = ["小红", "小王", "小明"]
var str1 = arr.join('|')
var str2 = arr.join()
console.log('str1: ', str1)  // str1:  小红|小王|小明 
console.log('str2: ', str2)  // str2:  小红,小王,小明

3.push()向数组尾部追加元素

var arr = ["小红", "小王", "小明"]
arr.push('李白')
console.log('arr: ', arr) // ["小红", "小王", "小明", "李白"]

4.unshift()向数组头部追加

 var arr = ["小红", "小王", "小明"]
 arr.unshift('李白')
 console.log('arr: ', arr) // ["李白", "小红", "小王", "小明"]

5.pop()删除并返回数组的最后一个元素

var arr = ["小红", "小王", "小明"]
var delArr = arr.pop()
console.log('arr: ', arr) // ["小红", "小王"]
console.log('delArr: ', delArr) // 小明

6.shift()删除并返回数组的第一个元素

var arr = ["小红", "小王", "小明"]
var delArr = arr.shift()
console.log('arr: ', arr) //  ["小王", "小明"]
console.log('delArr: ', delArr) // 小红

7. concat()用于连接数组

    var arr = ["小红", "小王", "小明"]
    var arr1 = ['1','2']
    var arr2 = ['3','4']
    var newArr = arr.concat(arr1).concat(arr2).concat('text')
    console.log('arr: ', arr) // ["小红", "小王", "小明"]
    console.log('newArr: ', newArr) //   ["小红", "小王", "小明", "1", "2", "3", "4", "text"]

8. splice()向数组添加或者删除元素

    var arr = ["小红", "小王", "小明"]
    // 一个参数代表，从index=1的位置开始删除元素，一直删到最后一个
    var arr1 = arr.splice(1)
    console.log('arr: ', arr)   // ["小红"]
    console.log('arr1: ', arr1) // ["小王", "小明"]

    // 一个参数代表，从index=1的位置开始删除元素，第二个参数代表要删除的元素个数
    var arr2 = arr.splice(1, 2)
    console.log('arr: ', arr)   // ["小红"]
    console.log('arr2: ', arr2) // ["小王", "小明"]

    var arr = ["小红", "小王", "小明"]
    // 从index=1的位置开始,替换2个元素，用3（第三个参数）替换
    var arr2 = arr.splice(1, 2, 3)
    console.log('arr: ', arr)   // ["小红", 3]
    console.log('arr2: ', arr2) // ["小王", "小明"]

9. slice()用于从数组选择元素

    var arr = ["小红", "小王", "小明"]
    // 该方法两个参数，第一个参数代表选择的元素起始位置坐标，第二个代表结束位置