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

例如:

运行结果:

相关推荐
仿生狮子3 分钟前
✂️ Nuxt 最简单的字体裁剪工具:Fontize
javascript·vue.js·nuxt.js
魔力女仆3 小时前
分享一个 JS 鼠标跟随贪吃蛇背景库
开发语言·javascript·计算机外设
2401_894915534 小时前
GEO 搜索优化完整源码从零部署:环境配置、集群搭建全流程
开发语言·python·tcp/ip·算法·unity
麻瓜老宋4 小时前
AI开发C语言应用按步走,表达式计算器calc的第二十二步,分号赋值链式修复、TOKEN_ASSIGN
c语言·开发语言·atomcode
别惊醒渔人5 小时前
Vue3 Diff 优化:最长递增子序列 LIS
前端·javascript·vue.js
Larcher5 小时前
从“加载模型”界面到端侧推理:拆解一个 React + WebGPU 大模型 Demo
javascript·后端
Larcher6 小时前
从状态快照到惰性初始化:读懂 React useState 的三个关键场景
javascript·人工智能·后端
颜x小6 小时前
[C#] C++与c#语法对比
开发语言·c++·c#
weixin_423652137 小时前
C#使用JObject
开发语言·c#
国科安芯7 小时前
FreeRTOS RISC-V 浮点上下文切换移植:在 IAR 工程中完整保存 FPU 寄存器
java·开发语言·单片机·嵌入式硬件·算法·系统架构·risc-v