当前位置: 首页 > news >正文

JavaScript数组Array的使用:添加、删除、排序、遍历、互转

1、数组的概述

数组是存储于一个连续空间且具有相同数据类型的元素集合。可以把数组看作一张单行表格,该表格的每一个单元格都可以存储一个数据,而且各单元格中存储的数据类型可以不同。这些单元格被称为数组元素,每个数组元素都有一个索引号,通过索引号可以方便地引用数组元素。数组是 JavaScript 中唯一用来存储和操作有序数据集的数据结果。数组是 JavaScript 中十分常用的一种数据类型。数组提供了一种快速、方便地管理一组相关数据的方法,是 JavaScript 程序设计的重要内容。通过数组可以对大量性质相同的数据进行存储、排序、插入及删除等操作,从而有效地提高程序开发效率及改善程序的编写方式。

2、数组的定义

在 JavaScript 中数组也是一种对象,这种对象被称为数组对象。因此在定义数组时,也可以使用构造函数。JavaScript 中定义数组的方法主要有4中。

2.1 定义空数组

使用不带参数的构造函数可以定义一个空数组,在定义空数组后再向数组中添加数组元素 。

//定义空数组
var arr = new Array();
arr[0] = "pan_junbiao的博客";
arr[1] = "您好,欢迎访问 pan_junbiao的博客";
arr[2] = "https://blog.csdn.net/pan_junbiao";

2.2 指定数组长度

在定义数组的同时可以指定数组元素的个数。此时并没有为数组元素赋值,所有数组元素的值都是 undefined。

//指定数组长度
var arr = new Array(3);
arr[0] = "pan_junbiao的博客";
arr[1] = "您好,欢迎访问 pan_junbiao的博客";
arr[2] = "https://blog.csdn.net/pan_junbiao";

2.3 指定数组元素

在定义数组的同时可以直接给出数组元素的值。此时数组的长度就是在括号中给出的数组元素的个数。

//指定数组元素
var arr = new Array(123, "pan_junbiao的博客", true);

2.4 直接定义数组

直接将数组元素放在一个中括号中,元素与元素之间用逗号分隔。

//直接定义数组
var arr = [123, "pan_junbiao的博客", true]; 

3、数组的长度

数组的 length 属性用于返回数组的长度。

//数组的长度
var arr = new Array(1, 2, 3, 4, 5, 6, 7, 8);
document.write(arr.length); //输出结果:8

4、数组的方法

数组对象的常用方法及其说明:

方法 说明
concat() 连接两个或更多的数组,并返回结果。
push() 向数组的末尾添加一个或多个元素,并返回新的长度。
unshift() 向数组的开头添加一个或多个元素,并返回新的长度。
pop() 删除并返回数组的最后一个元素。
shift() 删除并返回数组的第一个元素。
splice() 删除元素,并向数组添加新元素。
reverse() 颠倒数组中元素的顺序。
sort() 对数组的元素进行排序。
slice() 从某个已有的数组返回选定的元素。
toSource() 代表对象的源代码。
t

相关文章:

  • 【python中级】使用 distutils 和wheel生成whl 轮子文件
  • 蓝桥杯 切割
  • 深入探究Spring MVC
  • C++学习day4
  • 基于大数据分析的门户信息推荐系统
  • 《STL 六大组件之容器篇:简单了解 list》
  • 国家天文台携手阿里云,发布国际首个太阳大模型“金乌”
  • 用Python实现TCP代理
  • Java数据类型与数据库类型映射技术文档
  • 基础框架系列分享:一个通用的Excel报表生成管理框架
  • MQTT 服务器(emqx)搭建及使用(一)
  • [图论]拓扑排序
  • 【JavaEE】MyBatis - Plus
  • deepseek v3-0324 化学键线式Canvas编辑器设计
  • 线程池自顶向下
  • 关于 @Autowired 和 @Value 使用 private 字段的警告问题分析与解决方案
  • # C++初阶——内存管理
  • 【mysql】日志:binLog、redoLog和undoLog
  • openwebui和keycloak集成,使用keycloak的用户名和密码登录
  • Ubuntu 安全限制遭突破:攻击者可利用内核漏洞提权
  • 风雨天涯梦——《袁保龄公牍》发微
  • 哲学新书联合书单|远离苏格拉底
  • 秦洪看盘|预期改善,或迎来新的增量资金
  • 女高音吴睿睿“古词新唱”,穿着汉服唱唐诗宋词
  • 7月打卡乐高乐园,还可以去千年古镇枫泾参加这个漫画艺术季
  • 让“五颜六色”面孔讲述上海故事,2025年上海城市推荐官开启选拔