ES6的声明与解构

一、声明方式(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”

猜你喜欢

转载自blog.csdn.net/weixin_46328144/article/details/107919749
今日推荐