丁鹿学堂前端培训:js数组方法总结

99 阅读2分钟

1push

在数组尾部追加元素,会改变原数组

let arr = [1,2,3]
arr.push(4)

2.pop

在数组尾部弹出,类似于出栈

let arr = [1,2,3]
arr.pop()

3.unshift()

在头部压入数据,原数组会变

let arr = [1,2,3]
arr.unshift(9)

4.shift()

在头部弹出数据,原数组会变。返回值为弹出的元素

const arr = [1, 2, 3]
const shiftValue = arr.shift()

5.concat()

concat会在当前数组尾部拼接传入的数组,然后返回一个新数组,原数组不变。

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

6. indexOf()

在数组中寻找该值,找到则返回其下标,找不到则返回-1

const arr = [1, 2, 3]
console.log(arr.indexOf(2)) // 1
console.log(arr.indexOf(0)) // -1       

7.includes()

在数组中寻找元素,找到则返回true,找不到则返回false。

const arr = [1, 2, 3]
console.log(arr.includes(2)) // true
console.log(arr.includes(9)) // false

8.reverse()

翻转原数组,并返回已完成翻转的数组,原数组改变。

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

9.join()

将数组转化成字符串,并返回该字符串,不传值则默认逗号隔开,原数组不变。

const arr = [1, 2, 3]
console.log(arr.join('-')) // ‘1-2-3’
console.log(arr) // [1, 2, 3]

10 toString()

将数组转化成字符串,并返回该字符串,逗号隔开,原数组不变,没有join功能强大。

const arr = [1, 2, 3]
console.log(arr.toString()) // ‘1, 2, 3’
console.log(arr) // [1, 2, 3]

11sort 排序

对数组的元素进行排序,并返回数组

const arr = [1, 2, 3]
arr.sort((a, b) => b - a)
console.log(arr) // [3, 2, 1]

12.slice(start,end)

从start 开始截取到end,但是不包括end .

数组所有的头尾相关的,都是含头不含尾

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

13array.splice(index, howmany, item1, ....., itemX)

start参数 开始的位置

howmany要截取的个数

后面的items为要添加的元素

如果howmany为0,则表示不删除元素,从start位置开始添加后面的几个元素到原始的数组里面。

返回值为由被删除的元素组成的一个数组。如果只删除了一个元素,则返回只包含一个元素的数组。如果没有删除元素,则返回空数组。

这个方法会改变原始数组,数组的长度会发生变化

var fruits = ["Lemon", "Orange", "watermelon", "Mango"];
fruits.splice(2, 0, "Banana", "Apple");

以上就是数组的常用方法,收藏回顾,对熟悉代码,刷算法都是很有帮助的!