首页 > 其他分享 >ES6

ES6

时间:2022-09-26 19:36:22浏览次数:47  
标签:ES6 遍历 变量 let 数组 声明

ES6

说明

ECMAScript6

新的javascript标准

变量声明

var

let

  1. let与var基本一致,用作变量声明
  2. let在一对括号{}中形成局部作用域
  3. let声明的变量不会变量提升
  4. let不能重复声明变量(同一作用域)

const

  1. 与let一致(局部,不提升,不能重复声明)
  2. 声明必须赋值
  3. 赋值不能修改
  4. 建议大写

数组的解构

  1. 数组结构:把数组解析为单个变量
  2. 通过逗号跳过
  3. ...接收剩余值(不定参)
  4. 可以给默认值
  5. 快速交换变量

对象简写

字符串

遍历 for of

查找

includes 是否包含

startsWith 以xxx开头

endsWith 以xxx结尾

补齐

padStart(len,symbol)

padEnd(len,symbol)

去空白

trim 两侧

trimLeft 左侧

trimRight 右侧

数组高阶

sort 排序

ES6 新增

find 查找符合条件元素

findindex 查找符合条件元素的下标

forEach 遍历

forEach(function(item,index,self))

item 当前遍历的元素

index 当前的下标

self 被遍历的数组

filter 过滤

map 映射

reduce 累计

reduce(function(a,b))

a 上一次返回的结果

b 当前遍历的元素

some 有一个

every 每一个

标签:ES6,遍历,变量,let,数组,声明
From: https://www.cnblogs.com/aureazjl/p/16732088.html

相关文章

  • JavaScript 中的 5 大 ES6 特性
    JavaScript中的5大ES6特性介绍ECMAScript2015(或ES6)是JavaScript的第六版和最新版,它指定了现代Web应用程序的JavaScript实现标准。ES6是编写JavaScript......
  • 前端ES6 面试过关宝典
    ES6部分Typescript部分前端工程面经(节流防抖、https、前端攻击、性能优化...)https://juejin.cn/post/6844903734464495623ES6面试为什么选择ES6?ES6是......
  • ES6新增内容,变量和常量
    1.var let  const三者的区别var声明的变量是可以重复声明,可以覆盖let声明的变量是唯一的,不允许重复声明const是常量2.参考如下 第二部分  ......
  • 【Vue】vue项目搭建、ES6的简单使用(大觅)
    目录项目搭建与基本配置项目搭建安装淘宝NPM镜像cnpm安装webpack新建项目运行项目运行时出现的一些问题和解决方案框架安装安装UI框架iView引入UI框架iView引入方式1:全部......
  • ES6 添加 'let' 属性而不是函数闭包来解决问题
    ES6添加'let'属性而不是函数闭包来解决问题首先,了解ES6的let关键字和var的区别。let和var的区别:var没有块作用域,而let有块作用域。在JavaScript中,......
  • ES6对Function函数类型升级优化
    ES6对Function函数类型升级优化优化部分箭头函数(核心)箭头函数内的this指向的是函数定义时所在的对象,而不是函数执行时所在的对象。ES6中函数里的this总是指向函数执行......
  • ES6合并数组并去重
    constdeps={'采购部':[1,2,3],'人事部':[5,8,12],'行政部':[5,14,79],'运输部':[3,64,105]}letmember=Object.values(deps).flat(Infin......
  • ES6对Number数字以及Object对象类型做的升级优化
    1.ES6对Number数字做的升级优化优化部分ES6在Number原型上新增了isFinite()、isNaN()方法,用来取代ES5中的isFinite()、isNaN()方法检测数值是否有限,是否是NaN。//ES5c......
  • ES6模块之export和import详解
    ES6中的模块即使一个包含JS代码的文件,在这个模块中所有的变量都是对其他模块不可见的,除非我们导出它。ES6的模块系统大致分为导出(export)和导入(import)两个模块。1、模块导......
  • ES6的H5相关内容
    画图:canvas--签名,刮奖,画布线:坐标,粗细,颜色.lineWidth=6;//线的粗细,单位是px.strokeStyle="css颜色值";.moveTo(x,y),开始落笔位置.lineTo(x,y),结束位置.stroke();绘制线......