必须要懂的，在前端开发中比较常用的几个方法

最新推荐文章于 2024-05-27 21:09:20 发布

hello big_bear

最新推荐文章于 2024-05-27 21:09:20 发布

阅读量264

点赞数

分类专栏： html基础文章标签： js javascript es6

本文链接：https://blog.csdn.net/big_beer/article/details/118516156

版权

html基础专栏收录该内容

15 篇文章 3 订阅

订阅专栏

学习内容：

1、数组或者对象合并（深拷贝）
2、数组或者对象解构
3、 map()方法的使用

数组合并（深拷贝）：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
	
	<script>
	let arr = ['a','b','c']
	let arr2 = ['11','22','33']
	console.log(arr)
	console.log(arr2)
	arr3 = [...arr2,...arr]//数组合并，深拷贝
	console.log(arr3)

	</script>
</html>

效果图：
在这里插入图片描述

解构：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
	
	<script>
	const book = [
		{name:'java',price:'29'},
		{name:'js',price:'19'},
		{name:'c',price:'9.9'}
		]
	const [a,b,c] = book//解构出a,b,c三个对象
	console.log(a)
	console.log(b)
	console.log(c)
	</script>
</html>

效果图：
在这里插入图片描述

map()的使用：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
	
	<script>
	const book = [
		{name:'java',price:'29'},
		{name:'js',price:'19'},
		{name:'c',price:'9.9'}
		]
	book.map((item) => {
		console.log('书名:'+item.name+'的价格为：'+item.price+'元')
	})
	</script>
</html>

在这里插入图片描述

hello big_bear

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
必须要懂的，在前端开发中比较常用的几个方法

学习内容：1、数组或者对象合并（深拷贝）2、数组或者对象解构3、 map()方法的使用数组合并（深拷贝）：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> let arr = ['a','b','c
复制链接

扫一扫

专栏目录