网站首页 > 技术文章 正文
一、JavaScript数组的基本概念
JavaScript数组就是一组数据有序排列的一个集合。例如:var arr = [10,20,30,40,50]
数组元素:数组中的每一个值,就叫一个数组元素。比如:20就是一个数组元素
数组索引:数组中的第一个元素,都有一个编号(索引、下标),索引号是从0开始的正整数,依次为0、1、2……
数组元素的访问:数组名称连上[],[]中是元素的索引号,例如:arr[4]=50,arr[0]=10
数组的长度:指数组中元素的个数
问题:数组的长度,与数组中最大索引号有什么关系?也就是:数组个数-1=数组的最大索引号
二、创建一个JavaScript数组
(1)使用new运算符结合Array()构造函数来创建
方式一:创建一个未知长度的数组
var arr = new Array();
//增加数组元素,数组的值可以是任何的数据类型
//字符串、数值、布尔、undefined、null、array、object、 function
arr[0] = 10;
arr[1] = 20;
arr[2] = true;
arr[3] = "abc";
arr[4] = undefined; //相当于 arr[4];
//打印输出所有的值,通过document.write输出数组时,将自动转换成一个字符串输出
document.write(arr);
方式二:创建指定长度的数组,()中只有一个整数
var arr = new Array(3); //创建一个包含3个元素的数组
arr[0] = 10;
arr[1] = 20;
arr[2] = 30;
方式三:将多个数组元素添加小括号()中,各个元素间用逗号隔开
var arr = new Array(10,20,30,40,50);
arr[0] = arr[0] + 90; //将第0个元素加上90
document.write(arr[0]); //结果为100
(2)使用中括号[]来创建一个数组
var arr = [10,20,30,40];
var arr = [“周列生”,true,30,“大专”,“毕业院校”];
三、JavaScript数组的基本操作
(1)增加数组元素
var arr = [10,20,30];
arr[10] = 100;
arr[99] = 990;
(2)修改数组元素的值:
arr[10] = 100;
(3)删除一个数组元素
删除数组元素,使用delete运算符;
例如:delete arr[0]; //删除下标为0的数组元素
注意:用delete删除数组元素时,只是将内容清除,但所占空间还存在。
JavaScript多维数组
(1)使用new运算符和Array()函数来创建多维数组
Var arr = new Array();
arr[0] = 10;
arr[1] = [10,20,40]
arr[2] = new Array(); //JS从严格意义上来说只支持一维数组,但它可实现数组元素是数组。不具备完整二维数组的特性,因此必须先创建一个空的数组,然后再添加元素
arr[2][0] = “abc”; //如果没有上边一行,在PHP中是支持的
arr[2][1] = “edf”;
(2)使用[ ]方式来创建多维数组
var arr = [
[1,2,3,4,5],
[10,20,30,40,50],
[100,200,300]
];
JavaScript数组的元素,还可以是一个数组,这样的数组,称为“多维数组”,“多层级数据”,“二维数组”。
二维数组中的第一层数组,相当于表格中的行;第二层数组,相当于表格中的列。
除注明外的文章,均为来源:汤久生博客(QQ:1917843637),转载请保留本文地址!
- 上一篇: JavaScript重构技巧—数组,类名和条件
- 下一篇: JS怎么实现有序数组合并?
猜你喜欢
- 2025-01-13 【JS 数组分类】多场景实现数组分类
- 2025-01-13 JavaScript数组之map、filter、reduce使用详解
- 2025-01-13 帮你精通JS:解析与盘点数组array的5类22种方法
- 2025-01-13 JS几种数组遍历方式以及性能分析对比
- 2025-01-13 JS数组过滤元素的方法
- 2025-01-13 js中的数组拷贝(浅拷贝,深拷贝)
- 2025-01-13 js常用数组API方法汇总
- 2025-01-13 JS怎么实现有序数组合并?
- 2025-01-13 JavaScript重构技巧—数组,类名和条件
- 2025-01-13 JavaScript数组的简单排序
- 最近发表
-
- count(*)、count1(1)、count(主键)、count(字段) 哪个更快?
- 深入探索 Spring Boot3 中 MyBatis 的 association 标签用法
- js异步操作 Promise fetch API 带来的网络请求变革—仙盟创梦IDE
- HTTP状态码超详细说明_http 状态码有哪些
- 聊聊跨域的原理与解决方法_跨域解决方案及原理
- 告别懵圈!产品新人的接口文档轻松入门指南
- 在Javaweb中实现发送简单邮件_java web发布
- 优化必备基础:Oracle中常见的三种表连接方式
- Oracle常用工具使用 - AWR_oracle工具有哪些
- 搭载USB 3.1接口:msi 微星 发布 990FXA Gaming 游戏主板
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (88)
- es6includes (74)
- sqlset (76)
- apt-getinstall-y (100)
- node_modules怎么生成 (87)
- chromepost (71)
- flexdirection (73)
- c++int转char (80)
- mysqlany_value (79)
- static函数和普通函数 (84)
- el-date-picker开始日期早于结束日期 (76)
- js判断是否是json字符串 (75)
- asynccallback (71)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)