JavaScript-数组的增删改查

数组的操作一共有四种:

  • 查询数组数据
  • 修改数组中元素的值
  • 数组添加新的数据
  • 删除数组中的元素

数组的初始化

有些编程语言的数组初始化是用{}包着的,而JS的数组初始化用[]

javascript 复制代码
let num=[2,6,1,77,52,25,7];

数组的查询

想要具体查询数组中的某个元素

可以用数组名num[i]表示查询数组num中的第i+1个变量,数组的下标是从0开始的

javascript 复制代码
   let num=[2,6,1,77,52,25,7];
   console.log(`${num[3]}`);

比如我要查询数组的第4个元素

查询数组的全部元素可以直接使用数组名

javascript 复制代码
   let num=[2,6,1,77,52,25,7];
   console.log(`${num}`);

修改数据

对数据进行修改,可以通过重新赋值或者用+拼接字符串的方式

我们想将"惠普"改为"惠普-暗影精灵"

可以通过重新赋值

javascript 复制代码
   let arr=["惠普","联想","外星人","神舟","华硕"];
   arr[0]="惠普-暗影精灵";
   console.log(`${arr}`);

也可以拼接字符串

javascript 复制代码
  let arr=["惠普","联想","外星人","神舟","华硕"];
   arr[0]=arr[0]+"-暗影精灵";
   console.log(`${arr}`);

新增数据

向数组的结尾添加元素

将一个或多个元素添加到数组的末尾,并返回该数组的新长度

语法:arr.push(元素1,元素2,....,元素n)

向数组的末尾添加6,7,8

javascript 复制代码
 let arr=[1,2,3,4,5];
   arr.push(6,7,8);
   console.log(`${arr}`);

向数组的开头添加元素

将1个或多个元素添加到数组的开头

语法:arr.unshift(元素1,元素2,....,元素n)

javascript 复制代码
  let arr=[4,5];
   arr.unshift(1,2,3);
   console.log(`${arr}`);

向数组的开头添加1,2,3

数组的长度

查询数组的元素个数

语法:arr.length

javascript 复制代码
  let arr=[1,2,3,4,5];
   console.log(`${arr.length}`);
   arr.push(6,7,8);
   console.log(`${arr.length}`);

我们发现新增数据后数组的长度在变化

删除数据

删除最后一个元素

删除数组中最后一个元素

语法:arr.pop()

javascript 复制代码
  let arr=[2,0,6,1,77,0,52,0,25,7];
   arr.pop();
   console.log(arr);

用这个操作会删除掉7这个元素,并返回新的数组长度

删除第一个元素

删除数组中第一个元素

语法:arr.shift()

javascript 复制代码
   let arr=[2,0,6,1,77,0,52,0,25,7];
   arr.shift();
   console.log(arr);

删除指定元素

指定一个开始位置,并从这个位置起删除几个元素,起始位置是从下标0开始

语法:arr.splice(起始位置,删除几个元素)

比如我们要删除0之间的所有元素包括0

javascript 复制代码
let arr=[2,0,6,1,77,4,52,0,25,7];
   arr.splice(1,7);
   console.log(arr);
相关推荐
会员果汁8 小时前
算法-拓扑排序-C
c语言·开发语言·算法
YGGP9 小时前
【Golang】LeetCode 72. 编辑距离
算法·leetcode
YGGP9 小时前
【Golang】LeetCode 62. 不同路径
算法·leetcode
资生算法程序员_畅想家_剑魔9 小时前
算法-回溯-14
java·开发语言·算法
致Great9 小时前
大模型对齐核心技术:从第一性原理完整推导 PPO 算法!
人工智能·算法·大模型·agent·智能体
_w_z_j_9 小时前
二叉树的右视图(BFS或DFS)
算法·深度优先·宽度优先
cyyt9 小时前
深度学习周报(12.22~12.28)
人工智能·算法·机器学习
WBluuue9 小时前
Codeforces Global 31 Div1+2(ABCD)
c++·算法
会员果汁9 小时前
算法-并查集-C
c语言·开发语言·算法
努力学算法的蒟蒻10 小时前
day47(12.28)——leetcode面试经典150
算法·leetcode·面试