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

您所在的位置：网站首页 › js数组的join方法 › 前端培训丁鹿学堂：js数组方法总结

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

2023-03-22 09:28| 来源: 网络整理| 查看: 265

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([4，5，6]) 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)) // false8.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");

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

【本文地址】

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

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

今日新闻

推荐新闻