JavaScript-数组的增删改查

数组的操作一共有四种:

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

数组的初始化

有些编程语言的数组初始化是用{}包着的,而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);

 

 

 

 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/641164.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【Spring Cloud】全面解析服务容错中间件 Sentinel 持久化两种模式

文章目录 推送模式本地文件持久化(拉模式)配置yml编写处理类添加配置演示 配置中心持久化(推模式)修改nacos在sentinel中生效引入依赖配置文件 修改sentinel在nacos中生效下载源码更改代码演示 总结 推送模式 Sentinel 规则的推送…

【JavaEE 初阶(十)】JVM

❣博主主页: 33的博客❣ ▶️文章专栏分类:JavaEE◀️ 🚚我的代码仓库: 33的代码仓库🚚 🫵🫵🫵关注我带你了解更多进阶知识 目录 1.前言2.JVM内存区域划分3.类加载3.1双亲委派模型 4.垃圾回收(GC&#xff0…

结构体变量的创建和初始化以及内存对齐

前言 嗨,我是firdawn,在本章中我们将介绍,结构体变量的创建和初始化,结构成员访问操作符以及结构体的内存对齐,下面是本章的思维导图,接下来,让我们开始今天的学习吧! 一&#xf…

下载CentOS系统或者下载Ubuntu系统去哪下?

因为Centos官网是挂在国外的服务器上,下载镜像时相比于国内的下载速度会慢很多,分享国内的镜像站去阿里巴巴下载Centos镜像。 首先分享两种下载方式,如果只想下载Centos那么就访问方式一的下载地址即可,如果还想下载其他的系统&a…

AI大模型探索之路-实战篇5: Open Interpreter开放代码解释器调研实践

系列篇章💥 AI大模型探索之路-实战篇4:DB-GPT数据应用开发框架调研实践 目录 系列篇章💥前言一、何为Open Interpreter?二、与 ChatGPT 的代码解释器比较三、 Open Interpreter的特性1、强大的本地计算能力2、丰富的功能3、高度的…

基于springboot+vue的招聘信息管理系统

开发语言:Java框架:springbootJDK版本:JDK1.8服务器:tomcat7数据库:mysql 5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:…

生产物流智能优化系统

对生产调度、物流调度【车辆路径问题、配送中心拣选问题】智能优化算法研究形成系统性程序,逐步开发设计一个智能优化系统【包括:问题说明、实验界面、算法结构和算法程序应用说明】, 当前完成TSP和集送车辆路径的算法程序,程序效…

产品经理-需求分析(三)

1. 需求分析 从业务的需要出发,确定业务目的和目标,将业务需求转为产品需求 1.1 业务需求 业务需求 业务动机 业务目标 就是最根本的动机和目标成果,通过这个需求解决特定的问题 1.2 产品需求 产品需求 解决方案 产品结构 产品流程…

Java进阶学习笔记8——单继承、Object类、方法重写

Java 是单继承的,Java中的类不支持多继承,但是支持多层继承。 Object类是所有类的父类。 Java不支持多类继承: Java支持多层继承: 反证法: Object类: Object类是java所有类的祖宗类,我们写的任…

Excel中Lookup函数

#Excel查找函数最常用的是Vlookup,而且是经常用其精确查找。Lookup函数的强大之处在于其“二分法”的原理。 LOOKUP(查找值,查找区域(Vector/Array),[返回结果区域]) 为什么查找区域必须升序/…

2024年全国大学生电工数学建模竞赛B题解析 | 数据处理 代码 论文分享

B 题:大学生平衡膳食食谱的优化设计及评价 1 数据预处理2 问题一2.1 问题1.12.1.1 评价体系的构建2.1.2 指标计算2.1.3 指标计算结果2.1.4 基于层次分析法的膳食营养评价模型2.1.5 评价模型的求解 2.2 问题1.22.2.1 食物与成分间拓扑关系的构建2.2.2 微调模型的建立…

内网(极空间)搭建gitlab跳板机转发端口及域名配置

背景说明 https://blog.csdn.net/GodDavide/article/details/139182475 上文说到: 我已经用docker搭好了gitlab-ce服务,但我是部署在自己的家庭nas-极空间z4pro里的,属于内网环境。 另外我有一台阿里云服务器,做跳板机。 我有一个阿里的域名…

跟TED演讲学英文:Bring on the learning revolution! by Sir Ken Robinson

Bring on the learning revolution! Link: https://www.ted.com/talks/sir_ken_robinson_bring_on_the_learning_revolution Speaker: Sir Ken Robinson Date: February 2010 文章目录 Bring on the learning revolution!IntroductionVocabularySummaryTranscriptAfterword I…

基于DdddOcr通用验证码离线本地识别SDK搭建个人云打码接口Api

前言 最近介绍了一款免费的验证码识别网站,识别效率太低,考虑到ddddocr是开源的,决定搭建搭建一个,发现原作者sml2h3已经推出好久了,但是网上没有宝塔安装的教程,于是本次通过宝塔搭建属于自己的带带弟弟OCR通用验证码离线本地识别 原项目地址:https://github.com/sml2…

Project Reactor 响应式编程

Project Reactor 响应式编程 什么是响应式编程 响应式编程(Reactive Programming)是一种编程范式,致力于处理异步数据流和变化。它的核心思想是构建响应于变化的系统,即当数据流或事件发生变化时,系统能够自动地调整…

【研发日记】【策划向】(一)游戏策划其实就是一道加减法题

文章目录 序设计的过程其实是控制自己欲望的过程我海纳百川,你要不要看看?我跟别人不一样!我的人设就是没有人设,或者说任何人设都是我的人设 记 序 不知不觉进入这个行业几年了,也经历了独立开发和团队开发的过程。在…

【第1章】SpringBoot入门

文章目录 前言一、版本要求1. SpringBoot版本2. 其他2.1 System Requirements2.2 Servlet Containers2.3 GraalVM Native Images 3. 版本定型 二、新建工程1.IDEA创建 ( 推荐 ) \color{#00FF00}{(推荐)} (推荐)2. 官方创建 三、第一个SpringBoot程序1. 引入web2. 启动类3. 启动…

【Spring】SSM介绍_SSM整合

1、SSM介绍 1.1简介 SSM(Spring SpringMVC MyBatis)整合是一种流行的Java Web应用程序框架组合,它将Spring框架的核心特性、SpringMVC作为Web层框架和MyBatis作为数据访问层框架结合在一起。这种整合方式提供了从数据访问到业务逻辑处理再…

【Text2SQL】WikiSQL 数据集与 Seq2SQL 模型

论文:Seq2SQL: Generating Structured Queries from Natural Language using Reinforcement Learning ⭐⭐⭐⭐⭐ ICLR 2018 Dataset: github.com/salesforce/WikiSQL Code:Seq2SQL 模型实现 一、论文速读 本文提出了 Text2SQL 方向的一个经典数据集 —…

Aligned Layer:trustless应用的通用验证层

1. 引言 Aligned Layer近期获得了2000万美金的A轮融资,Aligned Layer: 致力于成为 去中心化 zero-knowledge (ZK) proof 验证层。旨在为不同证明系统,提供快速、经济且可扩展的零知识证明验证。作为以太坊生态系统及其他生态系统的通用sour…