当前位置: 首页 > news >正文

js如何添加新元素到数组中

1.push方法

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。这是向数组添加元素的最常用方法。

let arr = [1, 2, 3];  
arr.push(4); // 向数组末尾添加元素4  
console.log(arr); // 输出: [1, 2, 3, 4]

2.unshift方法

unshift() 方法可向数组的开头添加一个或多个元素,并返回新的长度。如果你想在数组的开始位置添加元素,这是一个很好的选择。

let arr = [1, 2, 3];  
arr.unshift(0); // 向数组开头添加元素0  
console.log(arr); // 输出: [0, 1, 2, 3]

3.splice方法

splice() 方法通过删除或替换现有元素或者添加新元素来改变一个数组的内容。如果你想在数组的特定位置插入元素,这是一个非常有用的方法。

let arr = [1, 2, 4];  
arr.splice(2, 0, 3); // 在索引2的位置插入元素3  
console.log(arr); // 输出: [1, 2, 3, 4]

4.使用扩展运算符

扩展运算符允许一个可迭代的对象如数组表达式或者字符串在调用函数时被展开,或在构造数组时被展开,或在构造对象时被展开。你也可以用它来向数组中添加新元素。

let arr = [1, 2, 3];  
arr = [...arr, 4]; // 使用扩展运算符向数组末尾添加元素4  
console.log(arr); // 输出: [1, 2, 3, 4]

 

相关文章:

  • pytest中失败用例重跑
  • A5M2报错【列 pd.adsrc 不存在】
  • Python+Selenium自动化测试环境搭建步骤(selenium环境搭建)
  • 企业微信发送消息
  • 基于Python的花卉识别分类系统【W9】
  • 高考没考好焦虑怎么选计算机专业!一篇告诉你,推荐三个风口专业!想学计算机怎么选大学专业
  • 【DPDK学习路径】九、学习分支
  • Python爬虫实现“自动重试”机制的方法(1)
  • Linux,shell ,gun基本概念和关系
  • 阿里云运维第一步(监控):开箱即用的监控
  • Mac电脑安装配置NVM
  • 开源语音合成模型ChatTTS本地部署结合内网穿透实现远程访问
  • 【笔记】【Git】多个dev分支合并到master分支的文件冲突
  • webpack和vite区别
  • c++相关的数据结构
  • 时间复杂度分析经典问题——最大子序列和
  • JavaScript设计模式系列一:工厂模式
  • Logstash 参考指南(目录)
  • MobX
  • MySQL的数据类型
  • Python - 闭包Closure
  • rabbitmq延迟消息示例
  • text-decoration与color属性
  • 程序员该如何有效的找工作?
  • 关于使用markdown的方法(引自CSDN教程)
  • 基于HAProxy的高性能缓存服务器nuster
  • 扩展资源服务器解决oauth2 性能瓶颈
  • ​水经微图Web1.5.0版即将上线
  • #define、const、typedef的差别
  • #QT(TCP网络编程-服务端)
  • #ubuntu# #git# repository git config --global --add safe.directory
  • #常见电池型号介绍 常见电池尺寸是多少【详解】
  • (0)Nginx 功能特性
  • (09)Hive——CTE 公共表达式
  • (done) ROC曲线 和 AUC值 分别是什么?
  • (M)unity2D敌人的创建、人物属性设置,遇敌掉血
  • (搬运以学习)flask 上下文的实现
  • (二)hibernate配置管理
  • (附源码)ssm教师工作量核算统计系统 毕业设计 162307
  • (六)软件测试分工
  • (未解决)macOS matplotlib 中文是方框
  • (一)spring cloud微服务分布式云架构 - Spring Cloud简介
  • (已解决)什么是vue导航守卫
  • (原創) 系統分析和系統設計有什麼差別? (OO)
  • (转)重识new
  • (自适应手机端)响应式服装服饰外贸企业网站模板
  • .Family_物联网
  • .NET 2.0中新增的一些TryGet,TryParse等方法
  • .net Application的目录
  • .NET Core 版本不支持的问题
  • .net 使用$.ajax实现从前台调用后台方法(包含静态方法和非静态方法调用)
  • .NET 中创建支持集合初始化器的类型
  • .net6 webapi log4net完整配置使用流程
  • .NET企业级应用架构设计系列之结尾篇
  • .NET设计模式(8):适配器模式(Adapter Pattern)