首页 > 其他分享 >ES6-其他数据类型的解构赋值

ES6-其他数据类型的解构赋值

时间:2023-01-09 20:46:35浏览次数:43  
标签:ES6 console log 数据类型 解构 str const 赋值

一.字符串的解构赋值

1.以数组形式解构赋值

 const [a, , , b, c] = 'hello';
        console.log(a, b, c);//h l o

2.以对象形式解构赋值

        // 为什么字符串可以按照对象形式解构赋值 因为包装类,任何一个直接写的字符串都相当于是new String()出来的:打印str如图
        //const str = 'hello'//等价于下面
const str = new String('hello'); console.log(str); const { 0: a, 1: b, length } = str;//解构赋值
console.log('hello'.hasOwnProperty('length'));//true 字符串本身就有length属性 console.log(a, b,length);//h e 5

打印str:{0:'h',1:'e',2:'l',3:'l',4:'o',length:5}

这也可以解释字符串可以通过str[序号]访问字符

二.数值和布尔值的解构赋值:(将数值,布尔自动转换为对象)

     const { hasOwnProperty, toString } = true;//相当于以下
        // const {hasOwnProperty} = new Boolean(true);//程序内部会自动把true转为对象 对象的解构赋值是可以取到继承的属性(其原型链上所有原型的属性和方法)
        console.log(new Boolean(true));
        console.log(hasOwnProperty);//ƒ hasOwnProperty()
        console.log(toString);//toString()

 

打印new Boolean(true)

三角关系:

 数值型同理,就不一一举例;

三.undefined和null没有包装类,无法转为对象,没有三角关系原型链,也不能对其解构赋值会报错;

四.解构赋值的实际应用

函数返回多个值一般用数组或者对象,再用解构赋值可以方便取出里面的值;

标签:ES6,console,log,数据类型,解构,str,const,赋值
From: https://www.cnblogs.com/zhoushangquan/p/17037427.html

相关文章

  • [VueJsDev] 基础知识 - ES6循环使用手册
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlES6循环使用手册:::details目录目录ES6循环使用手册Array.1:filter()方法Array.2:......
  • ES6-对象的解构赋值
    一.概念:结构匹配,属性相同的完成属性值赋值,不论属性的书写顺序const{sex:bage:a}={age:18,sex:'男'};console.log(a,b);//18'男'//---------------......
  • ES6-解构赋值(数组)
    一.概念:解析某一数据的结构,将我们想要的东西提取出来,赋值给变量或者常量1const[a,b,c]=[1,2,3];2console.log(a,b,c);//123二.数组的解构......
  • 数据类型
    最新的ECMAScript标准定义了8种数据类型:七种基本数据类型:1、布尔值(Boolean),有2个值分别是:true和false.2、null,一个表明null值的特殊关键字。JavaScript是大小......
  • ES6的新特性有哪些
    1、let、const 2、模板字符串 3、箭头函数 4、解构赋值 5、promise 6、数组的新方法 7、对象的新方法 8、class类 9、新增Set、Map两种数据结构......
  • TypeScript支持的数据类型(一)
    说明TypeScript做为JavaScript的超集,对于JavaScript中的类型完全支持,除了JavaScript中的类型之外,TS自身也提供了一些数据类型。在TS中,数据类型的整体结构如下:最顶级......
  • 2.1JS中的数据类型
    ​  1数值型:number整数和浮点数统称为数值。例如85或3.1415926等。2字符串型:String由0个,1个或多个字符组成的序列。在JavaScript中,用双引号或单引号括起来表示,如"......
  • 2.1JS中的数据类型
    ​  1数值型:number整数和浮点数统称为数值。例如85或3.1415926等。2字符串型:String由0个,1个或多个字符组成的序列。在JavaScript中,用双引号或单引号括起来表示,如"......
  • C语言中各数据类型所占用的字节数
      sizeof(T)返回存储一个类型T的对象所需要的字节数。定义一个变量时,电脑在内存中开辟空间。1byte(字节)=8bit(比特位)1kb=1024byte(字节)1mb=1024kb1gb=1024mb我们知道......
  • 数据类型及扩展
    浮点数扩展floatf=0.1f;//输出0.1doubled=1.0/10;//输出0.1System.out.println(f==d);//输出falsefloatd1=12345678;doubled2=d1+1;System.out.pr......