前端js中array数组的使用

已于 2022-03-11 09:18:31 修改
阅读量710 收藏
点赞数
分类专栏： js 文章标签： javascript 前端 vue.js
于 2022-03-10 21:09:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54932975/article/details/123411546
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div class="">
			
		</div>
	</body>
</html>
<script type="text/javascript">
	//数组:本质是一个变量 是多个数的集合
	//数组英文 array
	//数组是object类型
	var arr=[1,2,3,4,"哈哈","呵呵",true,
	undefined,NaN];
	console.log(arr,typeof arr);
	var divarray =document.getElementsByTagName("div");
	console.log(divarray,typeof divarray);
	//{}是对象的标志
	var stu={
		name:"123",
		age:18
	}
	console.log(stu,typeof stu);
	var arr=[1,2,3,4,"哈哈","呵呵",true,
	undefined,NaN,stu];
	console.log(arr,typeof arr);
	//length 数组长度
	for(var i = 0; i <= arr.length; i++){
		document.write(arr[i]+'<br />');
		}
</script>

运行结果：
在这里插入图片描述
控制台
在这里插入图片描述

附加练习题：数组合并

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		
	</body>
</html>
<script type="text/javascript">
	var a=[];
	for (var i=0;i<10;i++){
		a[i]=Math.floor(Math.random()*71+10);
	}
	document.write(a+"<br />");
	var a=[];
	var b=[];
	var c=[];
	for (var i=0;i<5;i++){
		a[i]=Math.floor(Math.random()*51+30);
		b[i]=Math.floor(Math.random()*51+30);
		c[i]=a[i];
		c[i+5]=b[i];
	}
	document.write(a+"<br />");
	document.write(b+"<br />");
	document.write(c+"<br />");
</script>

运行结果：
在这里插入图片描述

钱端攻城狮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于ES6中新增的Array方法，简单总结，十分实用，2024年最新oppoWeb前端面试
m0_60707708的博客
04-19 548
技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）一个人可以走的很快，但一群人才能走的更远！
【博学谷学习记录】超强总结,用心分享丨前端开发:Array常用方法
Fkiki的博客
12-14 129
Array常用方法
【前端八股文】JavaScript系列：Array方法
karshey的博客
03-20 358
JavaScript系列：Array方法
028-Web前端-JS-数组
快要脑溢血的LEE
06-11 443
数组 #6.11 ^1^又一个加长版 1.数组的概念. 2.数组的特点. 3.数组的调用. 4.数组的方法. 5.二维数组 1.数组的概念 数组(array)是按照一定顺序排列的一组值，每个值都拥有自己的编号，编号从0开始。整个数组用方括号来表示。 语法：var arr = [item1,item2,item3]; 上述代码中的item1、item2和item3元素就构成一个数组。两端的方括号是数组的标志。因为数组元素编号从0开始，所以item1是数组的第0个元素。 ps：i...
前端js-Array的去重、遍历、截取
RicciLiu的博客
12-05 2293
1、Array.from()方法 + set()方法（推荐） 2、ES6的set()方法 3、forEach循环 + includes()方法+ push()方法 4、forEach循环 + indexOf() + push() 5、for循环 + indexOf()方法 + push()方法 2、几种遍历方法 1、map（ES6） 遍历每一个元素并且返回对应的元素(可以返回处理后的元素) (map 映射 一一 对应) // 一、会改变原数组 2、filter（ES6）     遍历数组，过滤出符合条件的
深入学习JS — js中的数组（Array）操作
小绵杨
03-12 3327
一、数组
在javascript将NodeList作为Array数组处理的方法
10-29
在Web前端编程中，我们通常会通过document.getElementsByTagName的方法取出一组相同标签的dom元素。
JS array数组部分功能实现
05-22
实现了一些比较常见的array功能，并且使用了 jest 进行测试。 实现的方法包括： concat find flat forEach & map includes join pop push reduce reverse shift slice some sort splice unshift 有些同质化比较高的...
JS中数组Array的用法示例介绍
12-03
- `reverse()`：反转数组中的元素顺序。例如，`arr.reverse()`后，`arr`变为"edcba"。 - `shift()`：删除并返回数组的第一个元素，数组长度减一。与`pop()`相反，它作用于数组前端。例如，`arr.shift()`返回"a"，`...
JS实现递归遍历数组,前端必会
最新发布
09-20
递归遍历数组的基本思想是，对于数组中的每个元素，如果它还是一个数组，我们就继续调用遍历函数，直到所有元素都被访问到。 以下是一个简单的递归遍历数组的 JavaScript 函数示例： ```javascript function ...
javascript判断数组内是否重复的方法
10-24
一个简单的方法是使用双重循环，将数组中的每个元素与数组中其他所有元素进行比较。如果找到相同的元素，则说明存在重复。但这种方法的时间复杂度为O(n^2)，对于大数据量的数组来说，效率较低。 另一种更高效的方法...
前端开发常用：JS对数组Array的操作
BigBanana的博客
10-09 1512
前端开发中请求接口返回数据通常伴随这对数组（对象数组）的处理 let arr1 = [1,3,5,2,4,6]; let arr2 = [{id:'1',name:'Banana'},{id:'2',name:'Apple'},{id:'3',name:'Orange'}]; let obj1 = {id:'1',age:18}; 判断类型是否为数组 Array.isArray(arr); // ES6中提供了 Array.isArray() 方法，返回 true 或者 false。 Object.p
《前端》常用的Array 对象方法总结
BelleDiao的博客
04-18 387
；1、concat 2、indexOf：搜索数组中的元素，并返回它所在的位置。(可用作统计) 统计数组 arr 中值等于 item 的元素出现的次数： function count(arr, item) { var count = 0; arr.forEach(function(e){ //e为arr中的每一个元素，与item相等则count+1 ...
js创建数组的四种方法、常用方法、属性
damon_t的博客
08-09 8834
数组创建1)var arrayObj = new Array(); 2)var arrayObj2 = new Array(5); 3)var arrayObj3 = new Array(1, 2,..., 3); 4)var arrayObj4 = [1,2,...,3];//根据下标往数组添加元素 arrayObj[0] = 1; arrayObj[1] = 2; arrayObj[2] =
JS中常见的Array方法
Sapling
04-07 1万+
​对于JS中的数组(Array)我们经常使用，今天总结了一下常见的Array方法。 1. length 数组长度 let arr = ['a', 'b', 'c', 'd']; console.log(arr.length); 2. join() 以指定的字符将数组连接起来，变成字符串 通常和String中的split连用，splint 是以指定字符分割成数组 参数：指定的字符, 如果...
JS几种数组遍历方式总结
热门推荐
宁静致远
03-14 24万+
JS数组遍历的几种方式JS数组遍历，基本就是for,forin,foreach,forof,map等等一些方法，以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一种:普通for循环代码如下:for(j = 0; j &lt; arr.length; j++) { } 简要说明: 最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间第二种:优化版for循环代码如下...
js 遍历 Array 数组的方法
海胆的博客
06-22 3368
遍历数组的相关方法 .forEach(回调函数)方法 遍历数组所有元素 会改变原数组 回调函数（数组元素值,元素下标,数组本身） .map()方法 对数组进行一定回调函数的映射 生产一个新的数组 回调函数（数组元素值,元素下标,数组本身） .reduce()方法(从左向右) .reduceRight()方法(从右向左) 和map类似，都是遍历， 不过返回的是一个值 回调函数（初始值/前一次回调的返回值，数组元素值,元素下标,数组本身） 第二个参数为初始值 可用于求数组元素总和这类叠加性的操作 .filte
javaScript知识点-数组
littlexiaoshuishui的博客
07-10 469
构造函数Array是 JavaScript 的原生对象，同时也是一个构造函数，可以用它生成新的数组。var arr = new Array(2); arr.length // 2 arr // [ empty x 2 ] 上面代码中，Array构造函数的参数2，表示生成一个两个成员的数组，每个位置都是空值。如果没有使用new，运行结果也是一样的。var arr = new Array(2); //...
前端怎么在嵌套数组中使用push
07-13
如果你想要在嵌套数组中使用`push`方法，你可以按照以下步骤操作： 1. 首先，访问你想要添加元素的嵌套数组。 2. 然后，使用该数组的`push`方法，将新的元素添加到数组末尾。 下面是一个示例代码，展示如何在嵌套...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值