ES6——Day3（字符串的解构赋值+函数参数解构赋值）

旧城等待， 2022-09-28 11:44 239阅读 0赞

1、字符串也可以进行解构赋值

形成一个类似于“数组”的对象。

案例1-1：简单的字符串（类似于“数组”）

<script type="text/traceur">
    const [a,b,c,d,e] ="Hello";
    console.log(a);   //H
    console.log(b);   //e
    console.log(c);   //l
    console.log(d);   //l
    console.log(e);   //o
    </script>

解析：将字符串“Hello”作为一个类似于数组的值进行解构赋值，

a、b、c、d、e分别作为数组的几个下标值，依次进行输出。

案例1-2：字符串长度length（类似于“对象”）

<script type="text/traceur">
    const {length:len} = "Hello";
    console.log(len);   //5
    
    const {length} = "Hello World！";
    console.log(length); //12
    </script>

解析：对于属性解构赋值，字符串类似于数组的对象，都有一个length属性，

即表示可以对这个属性进行解构赋值。

2、函数参数解构赋值

对于函数的参数，也可以有解构赋值，同时对于函数参数的解构赋值，还可以使用默认值。

案例2-1：函数参数的解构赋值

<script type="text/traceur">
    function sum([x,y]){
     return x+y;
    };
    
    console.log(sum([1,2]));    //3
    </script>

解析：由于平时传入的参数x，y作为变量进行传入，加上“\[ \]”表示以一个数组的形式进行传入参数，在调用函数的同时也是同样。

案例2-2：函数参数解构赋值的默认值

<script type="text/traceur">
    function fun({x=0,y=0}={}){
     return [x,y];
    };
    
    console.log(fun({x:100,y:200}));  //[100,200]
    console.log(fun({x:100}));    //[100,0]
    console.log(fun({}));     //[0,0]
    console.log(fun());         //[0,0]
    </script>

案例2-3：函数参数解构赋值的默认值undefined

<script type="type/traceur">
    function fun({x,y} = {x:0,y:0}) {
     return [x,y];
    };
    
    console.log(fun({x:100,y:200}));  //[100,200]
    console.log(fun({x:100}));        //[100,undefined]
    console.log(fun({}));             //[undefined,undefined]
    console.log(fun());               //[0,0]
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关 3.ES6-解构赋值

文章目录解构赋值一.解构赋值: 二.数组解构赋值: 三.对象解构赋值:

你的名字/ 2023年06月18日 05:54/ 0 赞/ 38 阅读

相关 ES6解构赋值

ES6 解构赋值概述解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明

迷南。/ 2022年11月01日 15:50/ 0 赞/ 360 阅读

相关 ES6——Day3（字符串的解构赋值+函数参数解构赋值）

1、字符串也可以进行解构赋值形成一个类似于“数组”的对象。案例1-1：简单的字符串（类似于“数组”） <script type="text/traceur">

旧城等待，/ 2022年09月28日 11:44/ 0 赞/ 240 阅读

相关 ES6～解构赋值

解构赋值：定义： ES6按照统一模式，从数组和对象中提取值，对变量进行赋值，这样被称为解构．注意： \\1.\\node.js目前還不支持解构赋值，所以

刺骨的言语ヽ痛彻心扉/ 2022年06月05日 01:53/ 0 赞/ 413 阅读

相关 ES6解构赋值

原文转自[https://www.cnblogs.com/xiaohuochai/p/7243166.html][https_www.cnblogs.com_xiaohuoch

﹏ヽ暗。殇╰゛Y/ 2022年05月11日 16:24/ 0 赞/ 439 阅读

相关 es6 解构赋值

ES6解构赋值传统的变量赋值：变量的解构赋值：数组的解构赋值: 对象的解构赋值:\`(和数组解构赋值类似)\`

短命女/ 2022年02月05日 11:13/ 0 赞/ 484 阅读

相关 es6解构赋值

解构赋值如对象解构 // es6 const electron = require('electron') const { app, Br

Myth丶恋晨/ 2021年12月23日 16:33/ 0 赞/ 492 阅读

相关 ES6 解构赋值详解：对象解构赋值、数组解构赋值

所谓的解构赋值就是：按照一定模式，从数组和对象中提取值，对变量进行赋值（先解析结构再进行赋值）。对象的解构赋值对象是通过属性名进行解构（是用的最多的解构赋值）

迈不过友情╰/ 2021年12月05日 15:09/ 0 赞/ 516 阅读

相关 ES6——解构赋值

原文链接：[小邵教你玩转ES6][ES6] 解构赋值解构赋值主要分为对象的解构和数组的解构，在没有解构赋值的时候，我们赋值是这样的 let arr = [0

迷南。/ 2021年11月04日 21:46/ 0 赞/ 617 阅读

相关 ES6解构赋值

ES6解构赋值一、什么是解构赋值二、语法 1.数组解构 2.对象解构三、注意点一、什么是解构赋值允许从数组中

客官°小女子只卖身不卖艺/ 2021年09月07日 06:10/ 0 赞/ 571 阅读