如何添加新元素到数组中

简介: 如何添加新元素到数组中

在JavaScript中,有多种方法可以向数组中添加新元素。以下是一些常用的方法:

使用 push() 方法

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

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

使用 unshift() 方法

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

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

使用索引直接赋值

如果你知道要添加元素的具体位置,可以直接使用索引来赋值。但请注意,如果索引大于或等于数组的长度,则会在该索引处添加元素,并且该索引之后的元素都会变为undefined(除非它们已经被定义)。

let array = [1, 2, 3];  
array[3] = 4; // 在索引 3 的位置添加元素 4  
console.log(array); // 输出: [1, 2, 3, 4]

使用 concat() 方法

concat() 方法用于合并两个或多个数组,但请注意,它不会改变现有数组,而是返回一个新数组。

let array1 = [1, 2, 3];  
let array2 = [4, 5, 6];  
let newArray = array1.concat(array2); // 合并 array1 和 array2  
console.log(newArray); // 输出: [1, 2, 3, 4, 5, 6]  
// 注意:array1 和 array2 没有被改变


相关文章
vscode ctrl+/ 注释快捷键失效
首次安装vscode 不知道为何会快捷键失效,首先想到的就是键位冲突! 于是解决了。
7302 0
vscode ctrl+/ 注释快捷键失效
|
7月前
|
机器学习/深度学习 人工智能 自然语言处理
构建AI智能体:十二、给词语绘制地图:Embedding如何构建机器的认知空间
Embedding是一种将词语、图像等信息转化为低维稠密向量的技术,使计算机能捕捉语义关系。不同于传统One-Hot编码,Embedding通过空间距离表达语义相似性,如“国王-男人+女人≈王后”,广泛应用于NLP、推荐系统与大模型中,是AI理解世界的基石。
1414 13
|
SQL 关系型数据库 数据库
异地远程访问本地SQL Server数据库【无公网IP内网穿透】(上)
异地远程访问本地SQL Server数据库【无公网IP内网穿透】
545 0
|
3天前
|
云安全 人工智能 运维
阿里云SecOps Agent,全新安全跨产品执行体验
自然语言驱动 云安全中心/WAF/CFW/ 等多款安全产品联动
1593 2
|
3天前
|
机器学习/深度学习 人工智能 调度
🐴 HappyHorse 1.1 现已上线阿里云百炼!快来查收模型使用指南,现在调用享 6 折~
HappyHorse 1.1 是新一代视频生成大模型,全面升级动态表现力、角色一致性、指令遵循、视觉质感与音画协同能力。支持I2V/T2V/R2V三类生成,适配短剧、电商广告、品牌营销等场景,提供高质、流畅、可控的AI视频生产力。
557 3
🐴 HappyHorse 1.1 现已上线阿里云百炼!快来查收模型使用指南,现在调用享 6 折~
|
14天前
|
缓存 测试技术 API
Qwen 3.7 Plus 与 Max 实测:性价比与多模态能力差异解析(2026)
2026 年 6 月 1 日,阿里悄无声息地发布了 Qwen 3.7 Plus,距 Qwen 3.7 Max 上线刚好 11 天。同样的 1M 上下文,同样的 35 小时自治上限。但价格才是头条:Plus 是 0.40/M输入,Max是 2.50/M——便宜约 6 倍——并且还能看图、看视频。Vision Arena 上 Plus 已经排到 #16。所以这周真正值得讨论的问题不是”要不要为视觉能力买单”,而是”Max 凭什么用 6 倍价格换来 2 个百分点的 benchmark 领先”。
|
15天前
|
JavaScript 定位技术 API
CodeGraph 爆火:编程 Agent 需要的不是更多上下文,而是一张提前画好的代码地图
CodeGraph 是一款爆火的本地代码智能工具,通过 tree-sitter 解析 AST 构建结构化知识图谱(存于 SQLite),为编程 Agent 提前生成“代码地图”。它显著降低 Agent 在中大型项目中的探索成本——实测工具调用减少71%、Token 降57%、速度提升46%,支持19+语言及主流框架路由识别,完全离线、无需 API Key。
899 11
CodeGraph 爆火:编程 Agent 需要的不是更多上下文,而是一张提前画好的代码地图
|
2天前
|
人工智能 监控 前端开发
Electron 监控:让桌面 Agent 监控触手可及
一行代码实现Electron桌面端全景监控,自动还原崩溃现场、预警内存泄漏、全链路追踪、 SSE流式响应与交互埋点,让 AI 助手运行状态清晰可见,助力快速恢复稳定与流畅。
177 125
|
2天前
|
消息中间件 人工智能 Kafka
AI 时代,实时入湖正在告别 ETL:从 Kafka 到 Iceberg 的架构减法
本文围绕“零 ETL”这一趋势,讨论流数据入湖为什么需要做架构减法,并结合 Kafka × Table Bucket 的实践,分析一种将通用入湖能力前移到消息与表存储链路中的方案,如何在降低复杂度的同时,兼顾实时性、一致性、Schema 演进、CDC 语义与开放生态兼容。
182 121