JavaScript--常用数组方法大全(2)

原型(实例)方法 数组方法
    // 现有数组
    const arr = [1,2,3]
    const arr2 = [7,8,9]

1. .arr.push()

在数组末尾添加新元素,返回值,数组新长度

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

2.arr.pop()

删除数组的最后一个元素,返回值:该元素

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

3.arr.unshift()

在数组首位添加一个新元素,返回值:数组的长度

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

4.arr.shift()

删除数组的首位元素,返回值:该元素

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

5.arr.reverse()

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

6.arr.slice()

选择数组的一部分,返回值,选择的数组部分,不改变原数组
两个参数(开始索引,结束索引) 不包含结束索引

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

7.arr.splice()

从数组中添加,删除元素,返回值,被删除的元素,改变原数组
三个参数 一必填 二三可选
1 整数,指定在那个位置添加或删除,负值则在末尾
2 要删除的元素的数量 0 为不删除
3 要添加的元素 可以是多个

console.log(arr.splice(0,1)) //[1]
console.log(arr) // [2,3]
console.log(arr.splice(0,0,22,33))
console.log(arr) // [22, 33, 2, 3]

8.Array.isArray()

判断是否为一个数组返回值为一个Boolean值

console.log(Array.isArray(arr))

9.arr.join()

将所有数组中的元素拼接成一个字符串

console.log(arr.join()) //默认是以,拼接
console.log(arr.join('-')) //1-2-3 修改拼接中间字符

10.arr.concat()

合并数组 ES6中可用 扩展运算符()

const arr1 = [4,5,6]
console.log(arr.concat(arr1));// [1, 2, 3, 4, 5, 6]

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容