javascript数组
1 数组的概念
数组（Array）：数组是指一组数据的集合，其中的每个数据元素被称作元素，在数组中可以存放任意类型的 元素。
数组是一种将一组数据存储在单个变量下的优雅方式
2 创建数组
- 利用new创建数组
- 利用数组字面量创建数组
2.1 利用new创建数组
2.2 利用数组字面量创建数组
3 访问数组中的元素
3.1 数组的索引
4 遍历数组
遍历：就是把数组中的每个元素从头到尾都访问一次
利用循环进行遍历
4.1 数组的长度
使用 数组名.length 可以访问数组元素的长度。
注意：数组名.length 获取的是元素个数，不要跟索引混淆。
代码样例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var arr = ['red', 'green', 'blue'];
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
</script>
</head>
<body>
</body>
</html>5 数组中新增或修改数组元素
- 第一种：修改数组length长度新增元素
- 第二种：新增数组索引号增加数组元素
5.1 length属性是可读写的
代码样例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var arr = ['red', 'green', 'blue'];
console.log(arr.length);
arr.length = 5; //把我们数组的长度修改为5 里面应该有5个元素
console.log(arr);
console.log(arr[3]); //输出undefined
console.log(arr[4]); //输出undefined
</script>
</head>
<body>
</body>
</html>5.2 通过修改数组索引的方式追加或修改数组元素
- 注意：如果通过修改数组索引的方式追加元素，如果修改的数组索引跨度很大，那么前面的数组索引均赋值undefined
代码样例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var arr = ['red', 'green', 'blue'];
console.log(arr.length);
arr[3] = 'black';
console.log(arr.length);
console.log(arr[3]);
arr[0] = 'yellow';
console.log(arr[0]);
</script>
</head>
<body>
</body>
</html>网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。
赞同 0
评论 0 条
相关文章
-
javascript 如何根据条件在数组和对象中添加元素和属性
2023-12-26
65315 浏览
本文介绍如何根据条件在数组中增加元素以及在对象中增加属性。1在数组中根据条件增加元素如下代码展示了如何根据布尔类型变量cond来动态插入元素'a'到数组arr里。constcond=false;constarr=[...(cond?['a']:[]),'b',];//['b']这个技巧点在于扩展运算符(...)应用于数组时，如果应用于一个空数组时它什么都不做。>[...[],'a']['a']2在
-
[网页编程]-09 javascript Array数组
2023-12-27
65662 浏览
数组声明的四种方式方式一最常用的,简略的声明了数组,但是没给长度vararr4=["你好数组!",123,newDate(),false];方式二只是声明了数组,但是给有给定长度和内容vararr=newArray();方式三声明了数组以及长度,但是没有给定数组内具体内容vararr2=newArray(5);方式四声明了数组以及其中的内容,但是没有给定具体长度vararr3=newArray("
-
使用数组的filter方法删除数组中某一项或某几项（不用splice方法）
2023-12-26
66129 浏览
问题描述我们在日常做项目的过程中，需要对数据进行各种加工处理。比较常见的就是把数组中一些用不到的项，删除掉。对于数组删除，我们第一时间想到的就是使用splice方法，不过splice方法会改动原数组。有的时候，用fliter过滤方法也可以删除数组，或许有意想不到的效果。上代码//平常我们删除数组中的值，常用的是splice方法，不过有时候filter方法，也许会带来妙用//直接删除数组中的某些值l
-
javascript 继承
2023-12-26
63670 浏览
-
关注我们
扫一扫关注公众号
添加我为好友，拉您入交流群！
添加我为好友，拉您入交流群！
请使用微信扫一扫!
-