JavaScript数组操作

Dc弟弟菜

已于 2022-09-26 10:52:21 修改

阅读量206

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 vue.js

于 2022-09-23 14:04:37 首次发布

本文链接：https://blog.csdn.net/weixin_46626037/article/details/127009569

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var arr = [1,2,3,4,5,6,7,8,9]
			
			console.log('原数组：' + arr)
			// push在数组末尾添加数组
			console.log('===push方法===')
			var a = arr.push(10,11)
			console.log('末尾添加后数组:' + arr)
			console.log('添加后数组长度:' + a)
			// unshift在数组首位添加元素
			console.log('===unshift方法===')
			var b = arr.unshift(-1,0)
			console.log('首位添加后数组:' + arr)
			console.log('添加后数组长度:' + b)
			// pop在数组末尾删除数组
			console.log('===pop方法===')
			var c = arr.pop()
			console.log('末尾删除后数组:' + arr)
			console.log('删除的元素:' + c)
			// shift在数组首位删除元素
			console.log('===shift方法===')
			var d = arr.shift()
			console.log('首位删除后数组:' + arr)
			console.log('删除的元素:' + d)
			
			// 注意：添加可以添加多个，删除只能删除一个！！！
			
			// splice方法
			console.log('===splice方法===')
			// 只有一个参数表示删除当前下标开始之后的所有元素
			console.log('===splice方法一个参数===')
			var arr = [1,2,3,4,5,6,7,8,9]
			console.log('原数组：' + arr)
			var e = arr.splice(2)
			console.log('删除的所有元素：' + e)
			console.log('删除后的数组：' + arr)
			/* 两个参数:
			第一个参数表示删除的开始下标
			第二个参数表示删除的个数 */
			console.log('===splice方法两个参数===')
			var arr = [1,2,3,4,5,6,7,8,9]
			console.log('原数组：' + arr)
			var f = arr.splice(2,5)
			console.log('删除的所有元素：' + f)
			console.log('删除后的数组：' + arr)
			/* 三个或三个以上参数:
			第一个参数表示删除的开始下标
			第二个参数表示删除的个数(第二个参数为0则表示添加元素)
			第三个之后的参数表示要添加的元素(添加的元素的开始下标是第一个参数,数组的原始数据下标依次后移)*/
			console.log('===splice方法两个参数===')
			var arr = [1,2,3,4,5,6,7,8,9]
			console.log('原数组：' + arr)
			var f = arr.splice(2,5,6,6,6)
			console.log('删除的所有元素：' + f)
			console.log('删除后的数组：' + arr)
			// 注意：splice方法会改变原数组
			
			// reverse方法会改变原数组
			console.log('===reverse方法===')
			var arr = [1,2,3,4,5,6,7,8,9]
			console.log('原数组：' + arr)
			arr.reverse()
			console.log('翻转之后的数组：' + arr)
			
			//join将所有元素连接成字符串(对原数组没有影响)
			console.log('===join方法===')
			var arr = [1,2,3,4,5,6,7,8,9]
			console.log('原数组：' + arr)
			// 参数表示元素之间的连接符号
			var g = arr.join('+')
			console.log('转换之后的字符串：' + g)
			
			//slice截取数组数据(会形成新数组，不会影响原数组)
			console.log('===slice方法===')
			var arr = [1,2,3,4,5,6,7,8,9]
			console.log('原数组：' + arr)
			// 一个参数
			// 正数：表示开始截取的下标，一直截取到数组最后一个元素
			console.log('===slice方法一个参数(正数)===')
			var h = arr.slice(1)
			console.log('截取到的字符串：' + h)
			// 负数：表示截取下标从后往前数n个开始，一直截取到数组最后一个元素
			console.log('===slice方法一个参数(负数)===')
			var i = arr.slice(-2)// 从倒数第二个元素开始截取到最后
			console.log('截取到的字符串：' + i)
			
			//两个参数(前闭后开)
			// 正数：表示从以第一个参数为下标的元素开始，一直截取到以第二个参数为下标的前一个元素
			// 注意：第二个参数超过数组最大下标，则默认截取到最后一个元素
			console.log('===slice方法两个参数(正数)===')
			var j = arr.slice(1,5)
			console.log('截取到的字符串：' + j)
			// 正数：表示从以第一个参数为下标的元素开始，一直截取到倒数第n个参数的前一个元素
			console.log('===slice方法两个参数(负数)===')
			var k = arr.slice(1,-2)
			console.log('截取到的字符串：' + k)
		</script>
	</body>
</html>