解构赋值
转载1.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>解构赋值</title>
</head>
<body>
</body>
<script>
// let arr = [10, 20, 30, 40];
// let [a, b, c, d] = [...arr];
// console.log(a, b, c, d)
let arr = [10, 20, 30, 40];
// 放回一个新数组
let [a, ...b] = [...arr];
console.log(a, b)
</script>
</html>
2.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>解构赋值</title>
</head>
<body>
</body>
<script>
let data = [{
id: 1,
name: 'zxw'
}, {
id: 2,
name: 'xpx'
}]
let str = ''
data.map(item => {
let { id, name } = item || {};
str += `<div>
<span>${id}</span>
<span>${name}</span>
</div>`
})
console.log(str)
// < div >
// <span>1</span>
// <span>zxw</span>
// </ > <div>
// <span>2</span>
// <span>xpx</span>
// </div>
</script>
</html>
越努力越幸运
本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:深拷贝
下一篇:手写webpack (3)
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
typescript中this关键字与解构赋值
本文给出有关typescript中this关键字与解构赋值用法备忘记录。
ES6 解构赋值 this 关键字 -
解构赋值、
Document
html 赋值 数组 -
react的解构赋值
我的感觉,react开发效率不高。这当然应该是我还不熟悉react的缘故。但是,在阅读react代码过程中,其中一个容易困惑的
解构赋值 react解构赋值 User 赋值 开发效率 -
变量的解构赋值
[外链图片转存失败(img-mkmGOxzQ...
赋值 数组 默认值 函数参数 json