关于JavaScript数组的定义方式以及基本操作方法

1.数组定义

数组是存储任意数据类型的有序集合。

2.数组的定义方式

2.1.使用new关键字创建数组

let arr = new Array();

let arr = new Array(10);

let arr = new Array('张三', '李四', '王五');

2.2.使用字面量创建数组

let arr = [];

let arr = [10];

let arr = ['张三', '李四', '王五'];

例如:

运行结果如下:

3.数组的基本操作方法---增,删,改,查

3.1 数组元素查找

语法:数组名[下标]

说明:数组名就是数组的名称,下标就是数组元素的编号,从0开始,依次递增

下面进行一个简单的循环遍历:

运行结果如下:

3.2 数组元素的修改

方式1:数组名[下标] = 新值

说明:数组名就是数组的名称,下标就是数组元素的编号,从0开始,依次递增

方式2:数组名.splice(下标, 1, 新值)

说明:数组名就是数组的名称,splice是数组的方法,用来修改数组的指定位置的元素,下标是指定位置的下标,1表示删除一个元素,新值是要修改的新值

例如:

运行结果如下:

3.3 数组元素的增加

方式1:数组名[下标] = 值

说明:数组名就是数组的名称,下标就是数组元素的编号,从0开始,依次递增

方式2:数组名.push(值)

说明:数组名就是数组的名称,push是数组的方法,用来向数组的末尾添加元素

方式3:数组名.unshift(值)

说明:数组名就是数组的名称,unshift是数组的方法,用来向数组的开头添加元素

方式4:数组名.splice(下标, 0, 值)

说明:数组名就是数组的名称,splice是数组的方法,用来向数组的指定位置添加元素,下标是指定位置的下标,0表示不删除元素,值是要添加的元素,1表示删除元素,并在此处添加元素

例如:

运行结果如下:

3.4 数组元素的删除

方式1:数组名.pop()

说明:数组名就是数组的名称,pop是数组的方法,用来删除数组的最后一个元素

方式2:数组名.shift()

说明:数组名就是数组的名称,shift是数组的方法,用来删除数组的第一个元素

方式3:数组名.splice(下标, 1)

说明:数组名就是数组的名称,splice是数组的方法,用来删除数组的指定位置的元素,下标是指定位置的下标,1表示删除一个元素

例如:

运行结果如下:

4.数组元素的长度

语法:数组名.length

说明:数组名就是数组的名称,length是数组的属性,用来获取数组的长度

数组名称.length - 1 用来获取数组中最后一个元素的下标

例如:

运行结果:

相关推荐
江城开朗的豌豆28 分钟前
React输入框优化:如何精准获取用户输入完成后的最终值?
前端·javascript·全栈
江城开朗的豌豆37 分钟前
拆解Redux:从零手写一个状态管理器,彻底搞懂它的魔法!
前端·javascript·react.js
陈天伟教授42 分钟前
(二)Python + 地球信息科学与技术 (GeoICT)=?
开发语言·python
知识分享小能手6 小时前
Vue3 学习教程,从入门到精通,Axios 在 Vue 3 中的使用指南(37)
前端·javascript·vue.js·学习·typescript·vue·vue3
七七&5569 小时前
2024年08月13日 Go生态洞察:Go 1.23 发布与全面深度解读
开发语言·网络·golang
java坤坤10 小时前
GoLand 项目从 0 到 1:第八天 ——GORM 命名策略陷阱与 Go 项目启动慢问题攻坚
开发语言·后端·golang
元清加油10 小时前
【Golang】:函数和包
服务器·开发语言·网络·后端·网络协议·golang
健康平安的活着10 小时前
java之 junit4单元测试Mockito的使用
java·开发语言·单元测试
烛阴11 小时前
精简之道:TypeScript 参数属性 (Parameter Properties) 详解
前端·javascript·typescript
DjangoJason12 小时前
C++ 仿RabbitMQ实现消息队列项目
开发语言·c++·rabbitmq