Aiden's blog Aiden's blog
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • JavaScript教程
    • JavaScript高级程序设计
    • ES6 教程
    • Vue
    • Vue3.0
    • React
    • TypeScript 从零实现 axios
    • Git
    • TypeScript
    • JS设计模式总结
    • 小程序
    • 小程序云开发
    • Echarts
    • 微前端
    • H5
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 搜索引擎
  • ES系列
  • 经典面试题
  • 知识点总结
  • uni-app
  • 算法
  • Vue3实战
  • 小程序chatgpt
  • 小程序配网流程
  • 程序WIFI配网
  • 小程序WebSocket
  • H5 WebSocket
  • H5 TTS
  • Vue3实现OSS存储
  • 大文件分片上传
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Aiden Wu

前端界的小学生
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • JavaScript教程
    • JavaScript高级程序设计
    • ES6 教程
    • Vue
    • Vue3.0
    • React
    • TypeScript 从零实现 axios
    • Git
    • TypeScript
    • JS设计模式总结
    • 小程序
    • 小程序云开发
    • Echarts
    • 微前端
    • H5
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 搜索引擎
  • ES系列
  • 经典面试题
  • 知识点总结
  • uni-app
  • 算法
  • Vue3实战
  • 小程序chatgpt
  • 小程序配网流程
  • 程序WIFI配网
  • 小程序WebSocket
  • H5 WebSocket
  • H5 TTS
  • Vue3实现OSS存储
  • 大文件分片上传
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 技术文档

  • GitHub技巧

  • Nodejs

  • 博客搭建

  • 搜索引擎

  • ES系列

    • ES6
    • ES7
      • includes
      • keys/values/entries
      • ES6容忍度
      • ES7容忍度
      • 循环数组
      • 循环对象
      • 运算符简写
      • padStart
      • padEnd
      • 用法
    • ES8
    • ES9
    • ES10
    • ES11
    • ES12
  • 经典面试题

  • 知识点总结

  • uni-app

  • 算法

  • Vue3实战

  • 小程序chatgpt

  • 小程序WIFI配网

  • 小程序配网流程

  • 小程序WebSocket

  • H5 WebSocket

  • H5 TTS

  • Vue3实现OSS存储

  • 大文件分片上传

  • 技术
  • ES系列
wushengxin
2021-09-30
目录

ES7

# 数组

# includes

  • 数组是否包含某个东西

  • 返回true or false

image-20201214131809479

跟indexOf很像,但还是有区别的

const arr = [1, 2, NaN]

console.log(arr.indexOf(NaN)) // -1  indexOf找不到NaN
console.log(arr.includes(NaN)) // true includes能找到NaN
1
2
3
4

# keys/values/entries

image-20201214132636015

keys得到索引,即0,1,2,3

image-20201214132747629

values得到各个的值,12,5,8,99

image-20201214133045854

entries(实体)得到一个个key-value,即0,12 1,5 2,8 3,99

image-20201214133129662

image-20201214133243055

# ES6容忍度

下面是正确的

image-20201214134221860

# ES7容忍度

下面是正确的,函数的

image-20201214134359364

# ES6中for of 和for in区别

  • for in :遍历方法,可遍历对象和数组
  • for of :遍历方法,只能遍历数组,不能遍历对象
// for await of 循环依次执行函数
async function asyncFn () {
  const arr = [fn(3000), fn(1000), fn(1000), fn(2000), fn(500)]
  for await (let x of arr) {
    console.log(x)
  }
}
1
2
3
4
5
6
7

# 循环数组

  • for in循环下标key

  • for of循环value

  • for in得到的是索引,即0,1,2,3,4

  • for of得到的是值,即12,5,8,99,31

image-20201214132107777

image-20201214132510632

# 循环对象

  • for in 遍历的是对象的属性

  • for in通过key拿到属性

image-20210410123012514

注意:

  • 使用for in 会遍历数组所有可枚举属性,包括原型。例如上面的method和name都会遍历
  • for in 更适合遍历对象,不要使用for in去遍历数组
  • for of遍历的只是数组内的元素,而不包括数组的原型属性method和索引name

# 幂

# 运算符简写

3的8次方

image-20201214133709020

# 字符串

# padStart

  • 从左到右拿字符,多的左补空格,下面的左边补7个空格

image-20201214133950021

  • 左边补0

image-20201214134059158

# padEnd

  • 从左到右拿字符,多的右补空格,下面的右边补7个空格

# 用法

用于时间不足两位前面补零

const hh = (dt.getHours()+'').padStart(2,'0')
1
编辑 (opens new window)
上次更新: 2021/12/06, 21:28:32
ES6
ES8

← ES6 ES8→

最近更新
01
大文件分片上传
08-05
02
Vue3实现OSS存储
08-05
03
H5 TTS
08-05
更多文章>
Theme by Vdoing | Copyright © 2019-2025 Aiden Wu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×