HTNL——JS—数组

最新推荐文章于 2023-04-22 14:25:52 发布

Jhinhua

最新推荐文章于 2023-04-22 14:25:52 发布

阅读量87

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/piduocheng0577/article/details/104920414

版权

Web前端专栏收录该内容

72 篇文章 2 订阅

订阅专栏

数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			/**
			 * 数组Array --- 类比成 Python中的列表
			 * 		在JS中的数组没有脚标越界一说
			 * 
			 */
			// 1. 数组的定义方式
			var arr = new Array(10)
			// 只是一个整数 创建出来一个长度为10 的数组 但是数组中没有元素
			console.log(arr)
			
			arr = new Array(10, 20)
			// 超过一个的数据 创建的是一个数组长度为数据个数的 元素内容为数据的数组
			console.log(arr)
			// 字面量 直接列出
			arr = [12, 30, 40, 60]
			console.log(arr)
			
			// 2.获取数组的长度
			// 这个属性可读可写
			var len = arr.length
			console.log(len)
			
			// 重新设置 数据或根据你设置的长度重新变化数组中的数据
			// arr.length = 0 // 清空元素
			// console.log(arr)
			arr.length = 10
			console.log(arr)
			
			// 3. 获取数组中指定索引位置的元素
			var value = arr[11]
			console.log(value)
			// 没有指定位置  不会报错的 只是返回undefined
			
			// 4. 遍历数组
			for(var i = 0; i < arr.length; i++){
				console.log(arr[i])
			}
			
			// 5.常见的操作
			// 1.在末尾追加元素  --- 可以添加多个
			arr.push(true, "hello")
			console.log(arr)
			// 在开头添加
			arr.unshift("head",false)
			console.log(arr)
			// 在指定位置添加
			/**
			 * 起始索引
			 * 删除元素的个数 添加(删除个数为0)  替换() 删除指定位置的元素(删除个数为1)
			 * 新增元素的内容 可以有多个元素 每个元素之间使用逗号隔开即可
			 */
			arr.splice(6, 0 ,66)
			console.log(arr)
			
			// 移除元素
			// 移除尾部 只能移除一个
			arr.pop()
			console.log(arr)
			
			// 移除头部 只能移除1个
			arr.shift()
			console.log(arr)
			
			// 移除指定位置
			arr.splice(7, 1)
			console.log(arr)
			
			// 修改指定位置的元素
			arr[6] = 77
			console.log(arr)
			//或者是
			arr.splice(7,1,88)
			console.log(arr)
			
			// 以指定拼接符拼接数组中的元素 结果是一个字符串
			var join_str = arr.join("-")
			console.log(join_str)
			
			// 翻转数据中的数据
			arr.reverse()
			console.log(arr)
			
			// 对数组中的元素进行排序
			arr = [17, 21, 19, 38, 29, 128]
			// arr.sort() // 默认是升序排序的  按照数据的相同位置的元素对比 进行排序的 类似于字符串的比较
			// console.log(arr) //[128, 17, 19, 21, 29, 38]
			
			/**
			 * 函数需要两个形参
			 * 函数需要返回值的	
			 * 		返回的是交换元素的状态
			 * 
			 * 这个函数给定的是交换数据的标准
			 */
			arr.sort(function(ele1, ele2){
				return ele1 - ele2
				// ele1 > ele2  结果是大于零的会交换元素
				// 否则不交换
			})
			console.log(arr)				
		</script>
	</body>
</html>

Jhinhua

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTNL——JS—数组

数组 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> /** * ...
复制链接

扫一扫

专栏目录