JavaScript给数组添加元素的6个方法

作者:净植99 时间:2024-04-30 08:46:47 

1. 使用 length 属性追加元素

使用length属性,可以在数组末尾后面添加一个元素

var arr = [1, 2, 3, 4, 5];
arr[length] = 6;
console.log(arr); // [1, 2, 3, 4, 5, 6];

2. 使用 push 方法追加元素

push()方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度

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

3. 使用 unshift 方法在数组的第一项前插入一个元素

unshift()方法将一个或多个元素添加到数组的开头,并返回该数组的新长度

var arr = [1, 2, 3, 4, 5];
arr.unshift (6);
console.log(arr); // [6, 1, 2, 3, 4, 5];

4. 使用 splice 方法插入一个元素

splice()方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容

var arr = [1, 2, 3, 4, 5];
arr.splice(5, 0, 6);
console.log(arr); // [1, 2, 3, 4, 5, 6];

5. 使用 concat 方法合并元素

concat()方法用于将一个数组或值合并至一个数组中,该方法不会改变原数组

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

6. 使用 … 扩展运算符合并元素

展开语法...: 可以在数组构造时, 将数组表达式在语法层面展开

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

来源:https://blog.csdn.net/nightmare_mask/article/details/120588198

标签:JavaScript,数组,添加,元素
0
投稿

猜你喜欢

  • 让IE8支持eWebEditor在线编辑器

    2010-02-28 10:36:00
  • numpy.sum()坐标轴问题的解决

    2023-08-23 15:05:53
  • Python如何用str.format()批量生成网址(豆瓣读书为例)

    2022-10-02 15:38:41
  • 简单介绍一下pyinstaller打包以及安全性的实现

    2021-07-23 15:34:56
  • Caffe图像数据转换成可运行leveldb lmdb文件

    2023-03-01 08:41:27
  • Python中pyecharts安装及安装失败的解决方法

    2021-01-13 06:00:52
  • Python深度学习实战PyQt5布局管理项目示例详解

    2023-03-11 08:47:37
  • Python get获取页面cookie代码实例

    2021-03-29 17:26:49
  • python导入同级模块的实现

    2021-03-09 10:08:51
  • 详解python关于多级包之间的引用问题

    2021-04-16 19:58:17
  • Python简易版图书管理系统

    2022-06-07 21:11:10
  • FrontPage2003 中网页布局功能的应用

    2007-11-18 14:43:00
  • 通过Kettle自定义jar包供javascript使用

    2024-04-30 09:58:10
  • MySQL插入中文不乱码的5种方法

    2024-01-17 10:47:21
  • 网页特效文字之—压纹字

    2023-06-26 19:30:06
  • CSS3中的box-sizing属性

    2010-04-05 21:52:00
  • mysql中如何判断是否支持分区

    2024-01-19 18:00:57
  • 《写给大家看的设计书》阅读笔记之对齐原则

    2009-07-09 16:32:00
  • Python translator使用实例

    2021-02-09 22:40:24
  • 基于 Dubbo Admin 动态调整服务超时时间的操作步骤

    2023-01-06 13:53:54
  • asp之家 网络编程 m.aspxhome.com