首页 > 其他分享 >1.ES6

1.ES6

时间:2023-07-06 16:55:39浏览次数:33  
标签:ES6 name map map1 let 数组 arr1

1.let

①let不存在预解析。--即使用前一定要定义。

②let声明的变量不允许在相同作用域内重复声明

③ES6引入块级作用域。--即let在块内部中定义,只能在块内部使用

 

2.const

①const不存在预解析。--即使用前一定要定义。 ②const不能重复声明。且声明后必须赋值。 ③如果声明的是常量,一旦声明后就不能修改了。如果声明的是对象,则是可以更改的。

 

3. 变量的解构赋值(按照一定的模式,从数组或者对象中把数据拿出来,对变量进行赋值。)

①数组解构赋值 · 等号左边与等号右边必须都是数组。 · 数组里的元素要一一对应,如果对应不上就是undefined。

②对象解构赋值 · 等号左边与等号右边必须都是对象。 · 对象的属性名字要一一对应,如果对应不上就是undefined,顺序不需要对应。

③字符串解构赋值

④函数参数的解构赋值

 ⑤应用场景?

//1.交换变量的值
let x=1;
let y=2;
[x,y]=[y,x];

//2.提取json数据
let myJson={
    id:42,
    status:'200',
    data:[{name:'张三',age:2},{name:'李四',age:5}]
}
let {id,,status,data:myData}=myJson
console.log(id,status,myData)

//3.遍历map结构
const map=new Map();
map.set('first','hello');
map.set('second','world');
for(let [key,value] of map){
    console.log(key,value)
}

 

4.箭头函数

//参数:①如果没有参数,需要写一对空的小括号;    ②只有一个参数,那就直接写,不用加括号;    ③参数有多个,需要加一个小括号,参数用逗号隔开
//函数的主体:放在箭头后面。如果语句只有一条,那就直接写。如果语句有多条,需要把他们放在一对大括号里。
let arr=[3,5,7]
arr.forEach((res,index)=>{
    console.log(res,index)
})

 

5.rest剩余参数

//①rest参数是一个数组,他的后面不能再有参数,不然会报错;
//②...arr 三个点后面是一个数组,作用是把数组转成不加中括号的集合
let str='abc';
console.log([...str]); //字符串转数组。输出:['a','b','c']
let num=[2,5,7,8];
console.log(...num); //数组转集合。输出:2,5,7,8

 

6.set:类似数组,所有数据都是唯一的,没有重复值。

let arr=[1,1,2,4,5];
let arr1=new Set(arr); //自动去除重复值。输出:[1,2,4,5]
arr1.size(); //数据长度
arr1.add('a'); //添加
arr1.delete(1); //删除
arr1.has('a'); //查找数据,返回一个布尔值
arr1.clear(); //删除所有

 

 7.map:类似对象,键值对的集合,所有的数据都是唯一的,不可重复的。每条数据都需要放在一个数组中。

let map1=new Map([['name','张三'],['age',24]]); //自动去除重复值。输出:[{"name" => "张三"},{"age" => 24}]
map1.size(); //数据长度
map1.set('sex','男'); //添加
map1.delete('name'); //删除
map1.has('name'); //查找数据,返回一个布尔值
map1.clear(); //删除所有
map1.get('name'); //获取数据值

 

 

 

标签:ES6,name,map,map1,let,数组,arr1
From: https://www.cnblogs.com/chenJieLing/p/17532624.html

相关文章

  • ES6 的 新特性 1 let,const
    Let,Const,Var可以放一起说这三个都是JS中用来声明变量的关键字。主要的区别是1.作用域Var声明的变量的作用域是当前的执行上下文,也就是说,如果在函数外部声明,则是全局变量,如果是函数内部声明,则是整个函数块的变量。Let声明的变量的作用域则是当前的代码块,也就是说可以像var一......
  • JavaScript(七)ES6
    Node环境安装nvm、npm、nrmnvm:管理多个版本的node环境,使用nvm安装nodejsnpm:npm是node的包管理工具,使用nvm安装node后,就可以使用npm命令nrm:管理npm的镜像源,使用npm命令安装Babel转码器可以将es6代码转成es5代码。从而可以在老版本浏览器执行在项目根目录下安装np......
  • es6 iterator
    //需求使用forof便利对象并返回对象数组的值letbanji={name:"火箭一班",stus:["limuzi","nini","zhaoliying","xiena"],[Symbol.iterator](){let_this=this......
  • es6 中Symbol
    letgame={up:function(){console.log("upmethods!")},down:function(){console.log("downmethods!")}}//es6symbol用法可以给已经封装好的方法上加上方法letmethods={up:Symbol(),down:Symbol()}......
  • 复习ES(6-11)语法之ES6中篇
    目录类ES5中的类与继承ES6中的类与继承新的原始数据类型新的数据结构SetMap字符串的扩展正则的扩展数值的扩展ProxyReflect类类是对象的模版,定义了同一组对象共有的属性和方法ES5中的类与继承定义类ES5其实并没有类的概念,是通过function构造函数来模拟一个类。在构造函数......
  • uni.app上传图片/上传七牛云 vue2 es6
    uni.app上传图片可以使用uni.app里面的api//uni.chooseImage({ // success:(chooseImageRes)=>{ // consttempFilePaths=chooseImageRes.tempFilePaths; // uni.uploadFile({ // url:that.$unishow+'/common/upload',//仅为示例,非真实的接口地......
  • uni.app上传视频vue2 es6
    上传视频可以使用uni.app里面的api letself=this; uni.chooseVideo({ count:1, sourceType:['camera','album'], success:function(res){ console.log(res) self.showVideo=true self.addVideo=false self.src=......
  • 如何解决uni-app上传图片提示打包未添加Camera模块? uni.app es6 vue2
       可以在manifest.json来进行配置  这样就解决了 ......
  • 复习ES(6-11)语法之ES6上篇
    目录ES6新的声明方式:let不属于顶层对象window不允许重复声明不存在变量提升暂时性死区块级作用域新的声明方式:const解构赋值数组解构对象解构字符串解构数组的各种遍历方式ES5中数组遍历方式ES6中数组遍历方式数组的扩展函数的参数扩展运算符与rest......
  • 01-ES6语法:块作用域构造let
    这里所说的ES6是ECMAScript6的简写,它是由JavaScript演变而来的。1996年11月,网景公司将JavaScript提交给欧洲计算机制造商协会(ECMA)进行标准化。ECMA-262的第一个版本于1997年6月被ECMA组织采纳,这也是ECMAScript(简称ES)的由来。块级声明用于声明在指定块的作用域之外无法访问的变量。......