详解 JavaScript 中的数组

详解 JavaScript 中的数组

previewfile_1501526639

创建数组

注:在JS中的数组不要求元素的类型,元素类型可以一样,也可以不一样

1.使用 new 关键字创建

let array = new Array()

2.使用字面量方式创建(常用)

let array1 = [1,2,3,"4"]

获取数组元素

使用下标的方式访问数组元素

示例

let array = [1,2,3,"4"]
console.log(array)
console.log(array[2])

运行结果

image-20240302131515654

特殊示例

在JS里访问一个下标不存在的一个元素,它不会抛出一个异常,而是显示undefined这样一个数值

let array = [1,2,3,"4"]
// 这个代码放到java中,会抛出来一个数组越界异常
console.log(array[10])

运行结果
image-20240302132329278

注:不要给数组名直接赋值, 否则会导致数组中的所有元素都不存在了.


新增数组元素

1.通过修改length新增

可以理解为在末尾新增元素,不过此时新增的元素类型为undefined

示例

let array = [1,2,3,4]
array.length  = 10
console.log(array)
console.log(array[9])

运行结果

image-20240302134137306


2.通过下标新增

如果下标超出范围去赋值元素, 则数组长度会随之增加,然后给指定位置插入新元素,其它新增位置默认为undefined

示例

let array = new Array()
console.log(array)
for(i = 0; i < 10; i++) {array[i] = i;
}
console.log(array)

运行结果
image-20240302134948640


3.使用push进行追加元素

给定一个数组, 把数组中的数放到另一个new_array中

示例代码

let array = [1,2,3,4]
let new_array = new Array()
// 将array中所有的元素追加到new_array中
for(i = 0;i < array.length; i++) {new_array.push(array[i])
}
console.log(new_array)

运行结果

image-20240302145854852


删除数组中的元素

使用splice方法删除元素,splice的第一个参数表示从下表为多少的位置开始删除,第二个参数表示要删除的元素个数是多少

示例代码

let array = [1,2,3]
console.log(array)
console.log("对数组下标为1的元素进行删除")
array.splice(1,1)
console.log(array)

运行结果

image-20240302150940960

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

西安-腾讯云-Python面试经验--一面凉经

自我介绍手撕链表排序操作系统 a. 线程和进程区别 b. 线程安全 c. 如何保证线程安全 d. 线程崩溃&#xff0c;会不会影响所在的进程 e. 什么是守护进程&#xff0c;僵尸进程&#xff0c;孤儿进程 f. 如何产生一个守护进程 g. 如何避免僵尸进程或者孤儿进程redis a. 持久化方式有…

【STK】手把手教你利用STK进行仿真-STK软件简介05 STK部分第三方分析模块介绍

1.导弹建模工具MMT 导弹建模工具MMT(Missile Modeling Tools)是STK在导弹分析领域的扩展分析应用,它是由四个独立的应用程序组成的相互支持与关联的系统,由第三方研究机构开发,能够与STK基本航天分析环境进行联合仿真分析。MMT主要用于导弹总体设计(包括弹道导弹、巡航导弹…

python进阶:可迭代对象和迭代器

一、Iterable&#xff08;可迭代对象&#xff09; 1、可迭代对象&#xff1a;能够进行迭代操作的对象。 可以理解为&#xff1a;能够使用for循环遍历的都是可迭代对象&#xff1b;**所有的可迭代对象&#xff0c;偶可以用内置函数iter转换为迭代器** 2、可迭代对象包括&…

蓝桥杯题练习:平地起高楼

题目要求 function convertToTree(regions, rootId "0") {// TODO: 在这里写入具体的实现逻辑// 将平铺的结构转化为树状结构&#xff0c;并将 rootId 下的所有子节点数组返回// 如果不存在 rootId 下的子节点&#xff0c;则返回一个空数组}module.exports convert…

网络防御保护——课堂笔记

一.内容安全 攻击可能只是一个点&#xff0c;防御需要全方面进行 IAE引擎 DFI和DPI技术 --- 深度检测技术 DPI ---深度包检测技术 ---主要针对完整的数据包&#xff08;数据包分片&#xff0c;分段需要重组&#xff09;&#xff0c;之后对数据包的内容进行识别。&#xff08;应…

ifcplusplus 示例 函数中英文 对照分析以及流程图

有需求&#xff0c;需要分析 ifc c渲染&#xff0c;分析完&#xff0c;有 230个函数&#xff0c;才能完成一个加载&#xff0c;3d加载真的是大工程&#xff01; 示例代码流程图 函数中英文对照表&#xff0c;方便 日后开发&#xff0c;整理思路顺畅&#xff01;&#xff01;&am…

C++三级专项 digit函数

在程序中定义一函数dight(n,k),他能分离出整数n从右边数第k个数字。 输入 正整数n和k。 输出 一个数字。 输入样例 31859 3 输出样例 8解析&#xff1a;递归&#xff0c;详情看code. 不准直接抄&#xff01;&#xff01;&#xff01; #include <iostream> usin…

包装类和综合练习

包装类 基本数据类型对应的应用类型。 jdk5以后对包装类新增了&#xff1a;自动拆箱、自动装箱 我们以后如何获取包装类对象&#xff1a; 不需要new,不需要调用方法&#xff0c;直接赋值即可 package MyApi.a09jdkdemo;public class A_01IntergerDemo1 {public static voi…

C语言——指针的进阶——第1篇——(第26篇)

坚持就是胜利 文章目录 一、字符指针1、面试题 二、指针数组三、数组指针1、数组指针的定义2、&数组名 VS 数组名3、数组指针的使用&#xff08;1&#xff09;二维数组传参&#xff0c;形参是 二维数组 的形式&#xff08;2&#xff09;二维数组传参&#xff0c;形参是 指针…

【RT-Thread应用笔记】英飞凌PSoC 62 + CYW43012 WiFi延迟和带宽测试

文章目录 一、安装SDK二、创建项目三、编译下载3.1 编译代码3.2 下载程序 四、WiFi测试4.1 扫描测试4.2 连接测试 五、延迟测试5.1 ping百度5.2 ping路由器 六、带宽测试6.1 添加netutils软件包6.2 iperf命令参数6.3 PC端的iperf6.4 iperf测试准备工作6.5 进行iperf带宽测试6.6…

未来三年AI的深度发展:AIGC、视频AI与虚拟世界构建

人工智能&#xff08;AI&#xff09;正站在科技演进的前沿&#xff0c;未来三年将见证其在多领域实现更深层次的突破。以下是对AI发展方向的深度探讨以及其对各行业的深远影响&#xff1a; 1. AIGC的演进与全面提升&#xff1a; AIGC&#xff0c;即AI通用性能力&#xff0c;将…

AI前沿-YOLOV9算法

AI前沿-YOLOV9算法 关注B站查看更多手把手教学&#xff1a; 肆十二-的个人空间-肆十二-个人主页-哔哩哔哩视频 (bilibili.com) 今天我们来一起说下最近刚出的YOLOV9算法 论文和源码 该算法的原始论文地址为&#xff1a;https://arxiv.org/abs/2402.13616 该算法的原始代码地…

Muduo库编译学习(1)

1.muduo库简介 muduo是由Google大佬陈硕开发&#xff0c;是一个基于非阻塞IO和事件驱动的现代C网络库&#xff0c;原生支持one loop per thread这种IO模型&#xff0c;该库只支持Linux系统&#xff0c;网上大佬对其褒贬不一&#xff0c;作为小白用来学习就无可厚非了。 git仓库…

b站小土堆pytorch学习记录——P14 torchvision中的数据集使用

文章目录 一、前置知识如何查看torchvision的数据集 二、代码&#xff08;附注释&#xff09;及运行结果 一、前置知识 如何查看torchvision的数据集 &#xff08;1&#xff09;打开官网 https://pytorch.org/ pytorch官网 &#xff08;2&#xff09;打开torchvision 在Do…

Linux:top显示信息

简介 top命令是Linux系统中常用的性能监控工具&#xff0c;它可以实时显示系统中各个进程的CPU使用情况以及其他系统资源的使用情况。当您在终端中运行top命令时&#xff0c;它会显示一个实时更新的列表。 CPU相关的信息 CPU状态&#xff1a; us&#xff08;user&#xff09…

梯度和梯度损失

梯度主要用于计算图像融合过程中的梯度损失&#xff0c;对应的损失函数是梯度损失&#xff08;loss_grad&#xff09;。 梯度的作用&#xff1a; 图像的梯度是指图像中每个像素的灰度变化率&#xff0c;通常用于表示图像的边缘和纹理信息。在图像融合任务中&#xff0c;通过计算…

Unity游戏输入系统(新版+旧版)

使用新版还是旧版 旧版 using System.Collections; using System.Collections.Generic; using UnityEngine;public class c5 : MonoBehaviour {void Start(){}void Update(){// 注意要在游戏中 点鼠标键盘进行测试// 鼠标// 0左键 1右键 2滚轮if (Input.GetMouseButtonDown(0)…

【javaSE-语法】lambda表达式

【javaSE-语法】lambda表达式 1. 先回忆一下&#xff1a;1.1 接口不能直接通过关键字new进行实例化1.2 函数式接口1.3 匿名内部类1.31 匿名内部类在代码中长啥样&#xff1f;1.32 构造一个新的对象与构造一个扩展了某类的匿名内部类的对象&#xff0c;两者有什么区别&#xff1…

maven--->maven中的<properties>属性有什么作用?

&#x1f64c;&#x1f64c;&#x1f64c;&#x1f64c;&#x1f64c;&#x1f64c; 在Maven中&#xff0c;元素用于定义项目中可重用的属性值。这些属性值可以在项目的POM文件中被引用&#xff0c;以便在整个项目中统一管理和使用。通过使用元素&#xff0c;可以避免在POM文件…

SpringBean生命周期之InitializingBean,初始化bean

1 yml文件 weixin:appid: aaaaaapartner: 12313214partnerkey: ccccccert: C:\\Users\\lenovo\\Desktop 2 Bean初使化 import org.springframework.beans.factory.InitializingBean; import org.springframework.beans.factory.annotation.Value; import org.springframewor…