JavaScript中数组的几种写法

最新推荐文章于 2024-06-10 17:21:12 发布
最新推荐文章于 2024-06-10 17:21:12 发布
阅读量6.4k 收藏 8
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38455564/article/details/81624452
版权

1、直接new一个数组，不指定数组长度，使用数组下标给数组赋值，数组中可以存放任意类型的数据。（遍历时未赋值的元素将会显示undefined）：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var arr=new Array();
			arr[0]=666;
//			arr[1]="你最美";
			arr[2]="aaa";
			arr[3]=new Date();
			for (var i=0;i<arr.length;i++) {
				document.write(arr[i]);
				document.write("<br/>");
			}

//			此方法也可以遍历数组,只不过得到的i为数组下标.
//			for (var i in arr) {
//				document.write(arr[i]);
//				document.write("<br/>")
//			}

		</script>
	</head>
	<body>
	</body>
</html>

2、new一个指定长度的数组。数组中保存元素的个数小于数组长度时，未赋值的数组元素将显示为undefined。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var arr=new Array(5);
			arr[0]=666;
			arr[1]="你最美";
			arr[2]="aaa";
			arr[3]=new Date();
			for (var i=0;i<arr.length;i++) {
				document.write(arr[i]);
				document.write("<br/>");
			}
		</script>
	</head>
	<body>
	</body>
</html>

3、new一个指定长度的数组。数组中保存元素的个数大于数组长度时，数组长度将自动增长。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var arr=new Array(3);
			arr[0]=666;
			arr[1]="你最美";
			arr[2]="aaa";
			arr[3]=new Date();
			for (var i=0;i<arr.length;i++) {
				document.write(arr[i]);
				document.write("<br/>");
			}
		</script>
	</head>
	<body>
	</body>
</html>

4、new数组时直接给数组赋值。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var arr=new Array(1,2,3,4);
			for (var i=0;i<arr.length;i++) {
				document.write(arr[i]);
				document.write("<br/>");
			}
		</script>
	</head>
	<body>
	</body>
</html>

5.不写new，直接用[ ]来保存数组元素。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var arr=[1,2,3,4];
			for (var i=0;i<arr.length;i++) {
				document.write(arr[i]);
				document.write("<br/>");
			}
		</script>
	</head>
	<body>
	</body>
</html>

6.new一个数组，数组中的元素还可以作为新数组保存元素。（即Java中二维数组）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var arr=new Array();
			arr["水果"]=new Array("苹果","香蕉","桃子","西瓜");
			arr["蔬菜"]=new Array("菠菜","黄瓜","番茄","土豆");
			for (var i in arr) {
				document.write(i+":");
				for(var j=0;j<arr[i].length;j++){
					document.write(arr[i][j]+"、");
				}
				document.write("<br/>")
			}
		</script>
	</head>
	<body>
	</body>
</html>

另外：JavaScript中没有集合。

孔融不吃梨
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Javascript中for循环语句的几种写法总结对比
10-20
以下是几种常见的for循环语句的总结对比： 1. **基础写法**： ```javascript for (var i = 0; i ; i++) { var a = arr[i]; // ... } ``` 这是最标准的for循环形式，适用于大多数情况。然而，这种方法每次...
json接口文件的几种案例写法.zip
03-17
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，被广泛用于Web服务中的数据交互。接口文件，尤其是JSON接口文件，是服务器与客户端之间进行数据交换的重要桥梁。本资料包含三种关于JSON接口文件的...
javascript中数组的写法
ziyue_2008的专栏
07-23 915
 var arrText = ["first", "second", "third", "fourth", "fifth", "sixth","seventh","eighth","ninth","tenth"]; 曾经我把"[" 写成大括号"{".找了很久，希望大家不要犯和我同样低级的错误。
JS——数组方法(详细总结～)
蜡笔小星的博客
03-09 855
一、创建数组 1.使用数组字面量方法 //创建一个数组 let arr=[] //创建一个包含1项数据为20的数组 let arr=[20] //创建一个包含3个字符串的数组 let arr=['a','b','c'] 2.使用Array构造函数 //无参构造 //创建一个空数组 let arr=[] //带参构造 //1.传入一个数值参数，表示创建一个初始长度为指定数值的空数组 //创建一个包含10项的数组 let arr=new Array(10) //2.传入一个非数组的参数或者参
JS中对于数组的常用操作汇总
最新发布
m0_59415345的博客
06-10 710
在实际应用中，经常需要根据具体需求编写比较函数来实现自定义排序逻辑，比如按照对象的某个属性排序对象数组。map()、find()、some()、sort()
js 数组写法
weixin_45969830的博客
07-14 555
.map(item => item.hasMorDate && item.rptTitle) .filter(Boolean);
JS数组函数以及相关的写法规则
fetten1992的博客
04-28 429
1.instanceof 检测一个对象是否是数组;(用来对付复杂数据类型;) // 简单数据类型 typeof ; A instanceof B // A是不是B造出来的; 例： var arr = [1,2,3]; console.log(arr instanceof Array); //arr属不属于Array类型; 2.Array.isArray( ) Array.i...
js数组创建的写法
weixin_41756665的博客
06-25 5423
1.数组的声明方法 （1）： arrayObj = new Array(); //创建一个数组。 复制代码 代码如下:var arr1 = new Array(); （2）：arrayObj = new Array([size])　创建一个数组并指定长度，注意不是上限，是长度。 复制代码 代码如下:var a = new Array(5); （3）：arrayObj = new Array([el...
javascript入门笔记
05-15
Javascript，简称为 JS，是一款能够运行在 JS解释器/引擎 中的脚本语言 JS解释器/引擎 是JS的运行环境： 1、独立安装的JS解释器 - NodeJS 2、嵌入在浏览器中的JS解释器 JS的发展史： 1、1992年 Nombas 开发...
javascript-projects
05-09
JavaScript项目通常涵盖以下几个关键知识点： 1. **基础语法**：包括变量声明（var、let、const）、数据类型（如字符串、数字、布尔、数组、对象）、条件语句（if...else、switch）、循环（for、while、do...while...
JavaScript中的数组
木易一
02-10 270
什么是数组 数组就是一组数据的集合，其表现形式就是内存中的一段连续的内存地址。 一、数组的内置对象——Array 对象 Array 对象用于在单个的变量中存储多个值。 创建 Array 对象的语法： new Array(); new Array(size); new Array(element0, element1, ..., elementn); 参数 参数 size 是期望的...
javascript数组的几种写法 []
我的博客
07-18 2102
法一：排比newArrI=new Array();ArrI[0] = new Array("username1","0","609");ArrI[1] = new Array("username2","609","610");ArrI[2] = new Array("username3","609","611");法二：包裹newArrII=new Array(ne
JS中数组的常用操作方法
Du_三木的博客
05-23 735
JS中数组的常用操作方法 push / pop / unshift / shift 1. push push( )方法：可以将一个或者更多的参数添加在数组的尾部；返回添加后的数组的长度，原数组发生改变。 代码示例如下： var arr=[1,2,3,4]; var a=arr.push(9,8,7); console.log(a,arr);//1,2,3,4,9,8,7； 2. unshif...
【JavaScript】——JS数组的方法（全且详细）
qq_50497708的博客
12-07 4069
js数组中的方法
数组的写法
qq_39632912的博客
01-23 1701
下面圈中的四种表示方法，前两种符合语法规范。。后两种不符合语法规范，不能通过编译。。。
JS数组定义及详解
xiaozhen0610的博客
07-27 1067
## 1、什么是数组 ##数组就是一组数据的集合其表现形式就是内存中的一段连续的内存地址数组名称其实就是连续内存地址的首地址## 2、关于js中的数组特点 ##数组定义时无需指定数据类型数组定义时可以无需指定数组长度数组可以存储任何数据类型的数据（比如说一个元素保存整型，一个元素保存字符串型，这个在JS中是可以的） ### 创建数组的语法： ###var arr=[值1,值2,值3]; //隐式创建var arr=new Array(值1,值2,值3); /
Js数组常用方法
在路上...Try Fly
03-06 1152
数组声明的两种方式：var arr1=new Array(1,2,3); var arr2=[1,2,3];length的用法：var arr=[1,2,1]; console.log(arr.length) // 数组的长度 arr.length=2; //剪短数组 console.log(arr); arr.length=5; console.log(arr);// 增长数组 [1,2,1,,
js常用数组的方法
Re_Cwter的博客
07-27 196
JS数组的常用属性：length length 是一个可读可写的属性，用来表示数组的长度（即数组元素个数）。通过访问 length 属性，可以获取数组长度；而通过修改 length 的值，可以增加或减少数组元素，甚至可以完全清空数组元素。 length 属性的读、写操作示例如下： var arr = [1,2,3]; alert(arr.length);//读取数组长度,结果为3 arr.length = 1;//修改数组长度为1，此时数组只剩第一个元素 arr.length = 0;//
22个超详细的 JS 数组方法
Quzq11的博客
05-08 364
数组常用方法。
js的for循环的几种写法
08-30
在JavaScript中，for循环有几种常见的写法。第一种是普通的for循环，它由三个部分组成：初始化表达式、循环条件和循环后操作。例如： ```javascript for (var i = 0; i < 10; i++) { // 循环体 } ``` 第二种是for...in循环，它用于遍历对象的可枚举属性。例如： ```javascript for (var key in obj) { if (obj.hasOwnProperty(key)) { // 循环体 } } ``` 这种循环遍历对象的属性，需要使用hasOwnProperty()方法来判断属性是否是对象自身的属性。而且，for...in循环不保证遍历的顺序。 第三种是forEach循环，它是ES5引入的数组方法，用于遍历数组的每个元素并执行回调函数。例如： ```javascript array.forEach(function(element) { // 循环体 }); ``` 需要注意的是，forEach循环只能用于数组，无法用于遍历对象。 这些是JavaScript中常见的for循环的几种写法。根据具体的需求和场景，选择适合的循环方式可以提高代码的效率和可读性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Javascript中for循环语句的几种写法总结对比](https://download.csdn.net/download/weixin_38530536/12981768)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [JavaScript中for循环的几种写法与效率总结](https://download.csdn.net/download/weixin_38741030/12981413)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [js中的四种for循环](https://blog.csdn.net/weixin_43563571/article/details/116721965)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值