首页 > 其他 > 详细

解构赋值

时间:2020-04-25 11:18:40      阅读:45      评论:0      收藏:0      [点我收藏+]
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>
 

解构赋值

原文:https://www.cnblogs.com/guangzhou11/p/12772025.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!