关于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 用来获取数组中最后一个元素的下标

例如:

运行结果:

相关推荐
少年姜太公4 小时前
什么?还不知道git cherry pick?
前端·javascript·git
长安第一美人6 小时前
C 语言可变参数(...)实战:从 logger_print 到通用日志函数
c语言·开发语言·嵌入式硬件·日志·工业应用开发
Larry_Yanan6 小时前
Qt多进程(一)进程间通信概括
开发语言·c++·qt·学习
superman超哥7 小时前
仓颉语言中基本数据类型的深度剖析与工程实践
c语言·开发语言·python·算法·仓颉
Liu.7747 小时前
vue3使用vue3-print-nb打印
前端·javascript·vue.js
不爱吃糖的程序媛7 小时前
Ascend C开发工具包(asc-devkit)技术解读
c语言·开发语言
bu_shuo7 小时前
MATLAB奔溃记录
开发语言·matlab
你的冰西瓜7 小时前
C++标准模板库(STL)全面解析
开发语言·c++·stl
dly_blog8 小时前
Vue 逻辑复用的多种方案对比!
前端·javascript·vue.js
徐先生 @_@|||8 小时前
(Wheel 格式) Python 的标准分发格式的生成规则规范
开发语言·python