首页与我联系

「短文」如何将元素添加至数组的开头

By 前端达人
Published in 1-JavaScript
September 16, 2022
1 min read
「短文」如何将元素添加至数组的开头

大家好,本篇文章将介绍如何将元素添加至数组的开头,本篇文章将会介绍三个常用的方法,如果你有好的方法,欢迎文末留言区分享。

1、unshift()方法

您可以使用 unshift() 函数将元素添加到数组的开头。 unshift() 修改数组,并返回数组的新长度。

let array = [1, 2, 3];

array.unshift(0); // 4

array; // [0, 1, 2, 3]

array = ['b', 'c'];
array.unshift('a'); // 3
array; // ['a', 'b', 'c']

2、concat() 方法

您可以使用 concat() 方法将元素添加到数组的开头,如下所示:

const array1 = [4, 5, 6];
const array2 = [1, 2, 3];

array2.concat(array1); // returns [1, 2, 3, 4, 5, 6]

[0].concat(array2); // returns [0, 1, 2, 3]

关键是 concat() 不会修改原始数组。相反,它将返回数组的副本,其中包含一个或多个新元素。

3、展开运算符(Spread Operator)

您还可以使用扩展运算符创建一个新数组,其开头有一个新元素,如下所示。这种方法在 React 代码库中很常见。

const array1 = [1, 2, 3];

[0, ...array1]; // returns [0, 1, 2, 3]

前端达人公众号.jpg

注:本文属于原创文章,版权属于「前端达人」公众号及 qianduandaren.com 所有,未经授权,谢绝一切形式的转载


Tags

javascriptdom
Previous Article
「短文」1 分钟学 6 个常见的 DOM 基础操作(七)
前端达人

前端达人

专注前端知识分享

Table Of Contents

1
1、unshift()方法
2
2、concat() 方法
3
3、展开运算符(Spread Operator)

相关文章

「短文」如何在 JavaScript 中随机数组
November 03, 2022
1 min

前端站点

VUE官网React官网TypeScript官网

公众号:前端达人

前端达人公众号