讲师中心 微信公众号
AI工具推荐 视频效率加速

es6怎么向数组增加一个元素

云静姑娘_2726

云静姑娘_2726

发布时间:2022-05-19 15:49:10

|

8090人浏览过

|

来源于php中文网

原创

3个方法:1、用unshift(),可在开头插入一个元素,语法“数组对象.unshift(元素)”;2、用push(),可在尾部插入一个元素,语法“数组对象.push(元素)”;3、用concat(),语法““数组.concat(元素)”。

es6怎么向数组增加一个元素

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

es6向数组增加一个元素的三种方法

1、使用unshift()函数

unshift()函数可以在数组开头插入元素,该函数能够把一个或多个参数值附加到数组的头部:

array.unshift(元素1, 元素2, ..., 元素X)

第 1 个参数 元素1 为数组新的元素 0,第 2 个参数 元素2 为新的元素 1,以此类推,最后返回添加元素后的数组长度。

我们通过下面的例子来具体看看:

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.unshift(1);  //增加1个元素
console.log(a);  //返回[1,0]

1.png

2、使用push()函数

push()方法能够把一个或多个参数值附加到数组的尾部,并返回添加元素后的数组长度。

ES6-ES11新特性相关课件
ES6-ES11新特性相关课件

ES6-ES11新特性相关课件

下载
array.push(元素1, 元素2, ..., 元素X)

我们通过下面的例子来具体看看:

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.push(2);  //增加1个元素
console.log(a);  //返回[0,2]

2.png

3、使用concat() 函数

concat() 方法可以连接两个或多个数组,会将作为参数的一个或多个数组的元素添加到指定数组的尾部。

也可以插入给定的一个或多个元素,能够把传递的所有参数按顺序添加到数组的尾部。

var a = [1,2,3,4,5];  //定义数组
console.log(a);  
var b = a.concat(6);  //为数组a连接1个元素
console.log(b);

输出结果为:

3.png

说明:concat() 方法将创建并返回一个新数组,而不是在原来的基础上添加新元素;但unshift()方法会在原数组基础上添加元素。

【相关推荐:javascript视频教程、web前端】

热门AI工具

更多
蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

285

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

406

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

375

2025.12.24

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

20

2026.10.28

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

0

2026.10.28

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

0

2026.10.28

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

120

2026.10.22

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

60

2026.10.22

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

60

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn