ES6的声明与解构

偏执的太偏执、 2022-11-26 06:56 134阅读 0赞

# 一、声明方式（let const） #

## let 局部变量声明 ##

1.  声明的变量是局部变量，在一对 \{ \} 中使用
2.  不能重复声明 (一个作用域内)
3.  不会变量提升（预编译时会将定义的变量预先定义为undefined）

## const 常量声明 ##

1.  声明必须赋值
2.  不能修改（值类型）数字 字符串 布尔
3.  建议变量名全大写

### 数据类型 ###

值类型
    	数字  number
    	字符串  string
    	布尔  Boolean
    	未定义   undefined
    引用类型
    	数组  Array
    	对象  Object
    	空  null
    	函数，也是引用类型

# 二、解构 #

## 数组 ##

1.  基础解构：\[a,b\] = \[1,2\]  
    把对象 或数组按一定规则解析为单独变量
2.  交换变量: \[a,b\]=\[b,a\]

let arr=[1, 2, 3, 5];
    let [a, b, c]=arr;
    [b, c, a]=[a, b, c];
    console.log("a2:",a,"b2:",b,"c2:",c);

1.  跳过  
    \[a,b\]=\[1,3,5\]  
    b=5

[a,,b]=[1,3,5]
    b=5
    console.log(a,b);

1.  剩余

let arr = [1, 2, 4, 5];
    let [a,...b] = arr;
    console.log(a,b);

1.  默认值 ：  
    默认值为undefined时 使用默认给的值

[a,b=100]=[8]

1.  字符串

let [a,b,c]="我爱我的祖国";
    console.log(c)

1.  复制（浅拷贝）

let arr = [1, 2, 4, 5];
    let arr1 = [...arr];
    arr1[1]=100;
    console.log(arr,arr1);

## 对象 ##

1.  基本
2.  对象解构没有顺序
3.  剩余值
4.  默认值
5.  复制

*  代码类似，就不重复敲了

## 字符串 ##

*  ES5

1.  去空格  
    **trim()** 去左右两侧空格  
    **trimLeft()** 去左侧空格  
    **trimRight()** 去右侧空格
2.  重复 – **repeat**

//输出100遍的效果
    var str="回荡思念的滚烫";
    console.log(str.repeat(100));

*  ES6

1.  for of 遍历

var str="山水间歌声回荡";
      for(let i of str){ 
      console.log(i);
     }

1.  检测包含  
    includes 是否包含  
    startsWith 开头  
    endsWith 结尾  
    (注意单词拼写)

## 填充 ##

str.padStart(参数1，参数2)  
    str.padEnd(参数1，参数2) 
    参数1：位数
    参数2：以什么填充     eg：“0”

发表评论取消回复

表情：

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

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

相关阅读

相关 ES6变量与解构

ES6第一讲 1. 变量声明 2.解构(解构把对象或者数组按一定规则解析为单独变量) 1.解构数组

不念不忘少年蓝@/ 2022年11月26日 06:58/ 0 赞/ 95 阅读

相关 ES6的声明与解构

一、声明方式（let const） let 局部变量声明 1. 声明的变量是局部变量，在一对 \{ \} 中使用 2. 不能重复声明 (一个作用域内) 3.

偏执的太偏执、/ 2022年11月26日 06:56/ 0 赞/ 135 阅读

相关 ES6解构赋值

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

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

相关 ES6～解构赋值

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

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

相关 ES6解构赋值

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

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

相关 es6 解构赋值

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

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

相关 es6解构赋值

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

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

相关 ES6——解构赋值

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

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

相关 es6 数组解构

1. 用法 [a, b] = [b, a] let [a, b] = [1, 2] // a=1, b=2 l

不念不忘少年蓝@/ 2021年09月18日 21:54/ 0 赞/ 441 阅读

相关 ES6解构赋值

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

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