🤸‍♂️ 简化 JavaScript 数组方法。 * .concat() * .join() * .slice() * .indexOf() * .lastIndexOf() * .reverse() * .sort() * .shift() * .unshift() * .pop() * .push() * .splice()

2025-06-08

🤸‍♂️ JavaScript 数组方法简化。

*.concat()

*.join()

*.slice()

*.indexOf()

*.lastIndexOf()

*.reverse()

*.sort()

*.shift()

*.unshift()

*.pop()

*.push()

*.splice()

可能任何读过这篇文章的人都知道什么是数组,但让我们稍微复习一下。

什么是数组?

简单来说,数组是一个可以保存多个值的变量(非常特殊)。因此,你可以在数组中保存无限数量的值,这比每次声明和赋值每个变量都方便得多,也更容易操作。

数组可以通过[]用 分隔元素来创建,,或者如果你想要更专业一点,你可以使用new Array()

让我们了解一下为什么我们在这里。数组方法。

*.concat()

concat 方法用于将两个数组合并为一个。

let planets = ["Mars","Uranus","Venus"]
let newPlanet = ["Proxima Centauri B"]

planets.concat(newPlanet) 
// ["Mars","Uranus","Venus","Proxima Centauri B"]
Enter fullscreen mode Exit fullscreen mode

*.join()

join 方法通过给定的字符串作为参数连接数组的元素并返回字符串值。

let numbers = [1,2,3,4]
numbers.join(".")
// "1.2.3.4"
Enter fullscreen mode Exit fullscreen mode

*.slice()

slice() 方法将数组中选定的元素作为新数组对象返回,而不会更改原始数组。它选择从给定的 start 参数开始到给定的 end 参数结束的元素,但不包括 end 参数。

let numbers = [1,2,3,4,5,6]
numbers.slice(2,4)
// [3,4]

console.log(numbers) // The original does not change
// [1,2,3,4,5,6]
Enter fullscreen mode Exit fullscreen mode

*.indexOf()

它返回数组中元素的索引值。

let alphas = ["a","b","c"]
alphas.indexOf("c")
// 2

Enter fullscreen mode Exit fullscreen mode

*.lastIndexOf()

如果同一个元素重复出现多次,则返回数组中该元素的最后一个索引值。

let alphas = ["a","b","b","b","c"]
alphas.lastIndexOf("b")
// 3
Enter fullscreen mode Exit fullscreen mode

*.reverse()

它返回反转的数组。

let alphas = ["a","b","c"]
alphas.reverse()
// ["c","b"',"a"]
Enter fullscreen mode Exit fullscreen mode

*.sort()

排序方法用于按字母顺序对数组元素进行排序。

let alphas = ["d","y","c"]
let digits = [23,5,11]
alphas.sort()
// ["c","d","y"]

digits.sort()
// [11,23,5]
Enter fullscreen mode Exit fullscreen mode

*.shift()

shift 方法删除数组的第一个元素,将连续索引处的值向下移动,然后返回删除的值。

const digits = [1,2,3,4]

const shiftArray = digits.shift()
// digits = [2,3,4]
// shiftArray = 1
Enter fullscreen mode Exit fullscreen mode

*.unshift()

unshift 方法将新项目添加到数组的开头并返回新的长度。

const digits = [1,2,3,4]

const unshiftArray = digits.unshift("a")
// digits = ["a",1,2,3,4]
// unshiftArray = 5
Enter fullscreen mode Exit fullscreen mode

*.pop()

pop 方法删除数组的最后一个元素并返回被删除的元素。

const digits = [1,2,3,4]

const popArray = digits.pop()
// digits = [1,2,3]
// popArray= 1
Enter fullscreen mode Exit fullscreen mode

*.push()

与 unshift 方法相反。push 方法将新项添加到数组末尾并返回新的长度。

const digits = [1,2,3,4]

const pushArray = digits.push("a")
// digits = [1,2,3,4,"a"]
// pushArray = 5
Enter fullscreen mode Exit fullscreen mode

*.splice()

splice 方法将数组中的元素从一个位置替换到另一个位置,并返回被替换的元素。

const digits = [1,2,3,4]

const spliceArray = digits.splice(1,2,"a")
// digits = [1,"a",4]
// spliceArray = [2,3]
Enter fullscreen mode Exit fullscreen mode
鏂囩珷鏉ユ簮锛�https://dev.to/ephraimduncan/javascript-array-methods-simplified-4ec9
PREV
使用 Jest 和 OpenAPI mocks 测试 React
NEXT
应对申请数百份工作后被拒绝的情况