首页 > 编程语言 >JavaScript-数组的增删改查

JavaScript-数组的增删改查

时间:2024-05-26 13:32:23浏览次数:25  
标签:arr JavaScript console log 元素 改查 let 数组 增删

数组的操作一共有四种:

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

数组的初始化

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

let num=[2,6,1,77,52,25,7];

数组的查询

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

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

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

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

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

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

 

修改数据

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

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

可以通过重新赋值

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

也可以拼接字符串 

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

 

 新增数据

    向数组的结尾添加元素 

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

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

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

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

 

   向数组的开头添加元素 

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

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

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

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

 

 

 

 数组的长度

查询数组的元素个数

语法:arr.length 

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

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

 

 删除数据

     删除最后一个元素

删除数组中最后一个元素

语法:arr.pop()

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

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

 

     删除第一个元素 

删除数组中第一个元素

语法:arr.shift()

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

 删除指定元素

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

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

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

let arr=[2,0,6,1,77,4,52,0,25,7];
   arr.splice(1,7);
   console.log(arr);

 

 

 

 

 

 

标签:arr,JavaScript,console,log,元素,改查,let,数组,增删
From: https://blog.csdn.net/Kevin7_35Durant/article/details/139195491

相关文章

  • MySQL入门——增删查改(下)
    数据库约束约束类型NOTNULL-指示某列不能存储NULL值。UNIQUE-保证某列的每行必须有唯一的值。DEFAULT-规定没有给列赋值时的默认值。PRIMARYKEY-NOTNULL和UNIQUE的结合。确保某列(或两个列多个列的结合)有唯一标识,有助于更容易更快速地找到表中的一个特定的......
  • JavaScript事件监听
    在JavaScript中,事件监听是一种重要的机制,用于在特定事件发生时执行特定的代码。这些事件可以是用户的交互行为(如点击、鼠标移动等),也可以是浏览器的一些特定行为(如页面加载完成、窗口大小改变等)。事件监听通常使用addEventListener方法实现。以下是一个基本的示例:javascript//......
  • 学习javascript的数组
    1.什么是数组?数组:(Array)是一种数据类型,属于引用数据类型。作用:在单个变量名下存储多个数据2.声明语法let数组名=[数据1,数据2......];注意事项:数组是按照顺序保存(是有序的),所以,每一个数据都有自己的编号。编号从0开始,数据的编号经常称为索引或下标。数组可以存储任意......
  • 深入理解ECMAScript:JavaScript的规范与实践
    引言在当今的Web开发领域,JavaScript几乎无处不在。它不仅在客户端编程中占据主导地位,而且在服务器端(Node.js)和移动应用开发中也越来越受欢迎。然而,JavaScript的核心并非由单一的公司或组织控制,而是由一个国际标准组织——ECMAInternational通过ECMAScript规范来定义。本文将......
  • 「终极收藏」前端开发必备:超全JavaScript公共方法大全
    目录引言1安装js-tool-big-box工具包1.1安装1.2截至目前的方法集合 2时间日期类 2.1更灵活的年月日时分秒2.2 日期时间转换2.3个性的时间组合 2.4 某个时间距离现在2.5 平年还是闰年2.6指定月份的天数 2.7属相2.8获取指定年份的法定节假日 3......
  • Go实战全家桶之八:统一ES服务接口之通用查询嵌套查询之封装与增删改API
    开源 goweb:https://gitee.com/ichub/goweb/settings#index需求UML代码位置测试用例:func(this*TestPageEsRequestSuite)Test002_NestBoolQuery(){varreq1=Default()req1.EsShould().EsMatch("dept_name","olivere")req1.EsTerm(&q......
  • web前端课程设计——重庆旅游7页 HTML+CSS+JavaScript
    ......
  • web前端网页课程设计大作业 html+css+javascript天津旅游(11页) dw静态旅游网页设计实
    ......
  • JavaScript入门指南:从零开始你的编程之旅
        JavaScript是现代web开发不可或缺的一部分,作为一种强大且灵活的编程语言,它可以在浏览器中运行,为网页添加互动功能。无论你是完全的初学者,还是有其他编程语言的基础,本文将引导你从零开始学习JavaScript。我们将涵盖基础知识、关键概念和实践技巧,帮助你迅速上手并......
  • MySQL入门——增删查改(上)
    新增语法:INSERT[INTO]table_name[(column[,column]...)]VALUES(value_list)[,(value_list)]...value_list:value,[,value]...单行数据+全列插入多行数据+指定列插入查询语法:SELECT[DISTINCT]{*|{column[,column]...}[FROMta......