经验总结

  1. 首页 > 生活 > >

1 Python全栈工程师之从网页搭建入门到Flask全栈项目实战 - ES6标准入门和Flex布局( 二 )

Python生活百科

2.2.ES6解构赋值1）数组的解构赋值

  • 按顺序将值赋值给对应的变量
    • 示例
let [a,b,c] = [1,2,3]console.log(a)console.log(b)console.log(c)


    • 实例
let a = [1,2,3]let [a1,a2,a3] = aconsole.log(a1) //1console.log(a2) //2console.log(a3) //3
  • ...三个点表示解构运算符，将剩余的内容赋值
    • 示例
let [c,...d] = [1,2,3]console.log(c) //1console.log(d) //[2,3]


    • 实例
let a = [1,2,3]let [b1,...b2] = aconsole.log(b1) //1console.log(b2) //[2,3]
  • 解构赋值失败，变量值为undefined
    • 示例
let [e,f] = [1]console.log(e) //1console.log(f) //undefined
  • 防止解构失败，给变量默认值
    • 示例
let [g,h=100] = [1]console.log(g) //1console.log(h) //1002）对象的解构赋值
  • 按顺序将值赋值给对应的变量
    • 示例
let {foo,bar} = {foo:"111",bar:"222"};console.log(foo); //111console.log(bar); //222
  • 可以解构对象中的常量、方法
    • 示例
console.log(Math.PI) //3.141592653589793let {PI,sin}=Math //sin是Math中的方法，PI是Math中常量console.log(PI) //3.141592653589793console.log(sin(PI/2)) //1
  • 解构赋值失败，则为undefined，可设置默认值
    • 示例
let {x,y,z=5} = {x:1}console.log(x) //1console.log(y) //undefinedconsole.log(z) //5
  • 重新指定变量名称
    • 示例
let {color} = {color:"blue"}console.log(color) //bluelet {color:sky} = {color:"blue"}console.log(sky) //blue；注意：前面的冒号是将color变量改为sky，下次调用sky就能得到blue 。后面的冒号是color的值blue
  • 复杂对象的解构赋值
    • 示例
1 let {title,author:{name,age}} = {2     title:"新闻标题",3     author:{4         name:"张三",5         age:236     }7 }8 console.log(name) //张三9 console.log(age) //23
  • 对象解构赋值的应用

1 Python全栈工程师之从网页搭建入门到Flask全栈项目实战 - ES6标准入门和Flex布局

文章插图
3）字符串的解构赋值
1 Python全栈工程师之从网页搭建入门到Flask全栈项目实战 - ES6标准入门和Flex布局

经验总结扩展阅读


上一篇：2024年11月12号出生秦姓宝宝取名叫什么生辰八字五行查询

下一篇：2024年十月初九出生郑姓男孩名字怎么取生辰八字五行查询