ES6-ES11-第一部分-let、const、解构赋值、模板字符串、简化对象写法、箭头函数、函数参数默认值、rest 参数、扩展运算符、Symbol、迭代器、生成器、Promise、Set、Map(六)

简介: ES6-ES11-第一部分-let、const、解构赋值、模板字符串、简化对象写法、箭头函数、函数参数默认值、rest 参数、扩展运算符、Symbol、迭代器、生成器、Promise、Set、Map(六)

13.5 Promise 读取多个文件

不基于Promise实现:

// 导入文件模块
const fs = require('fs')
// 读取三个文件,将文件的内容按读取的顺序进行拼接输出
fs.readFile('./00-文本文件.txt', (err, data1) => {
  fs.readFile('./00-文本文件.txt', (err, data2) => {
    fs.readFile('./00-文本文件.txt', (err, data3) => {
      console.log(data1+'\n'+data2+'\n'+data3)
    })
  })
})

基于Promise实现

// 基于Promise实现
const p1 = new Promise((resolve, reject) => {
  // 读取第一个文件
  fs.readFile('./00-文本文件.txt', (err, data) => {
    // 调用成功函数,将读取到的数据传递给成功的回调函数
    resolve(data)
  })
})
// 执行回调函数
p1.then(value => {
  // 读取第二个文件,返回一个Promise对象,对象的结果为之前的数据加上新读取到的文件数据
  return new Promise((resolve, reject) => {
    fs.readFile('./00-文本文件.txt', (err, data) => {
      resolve(value + '\n' + data)
    })
  })
}).then(value => {
  // 读取第三个文件,返回一个Promise对象,对象的结果为之前的数据加上新读取到的文件数据
  return new Promise((resolve, reject) => {
    fs.readFile('./00-文本文件.txt', (err, data) => {
      resolve(value + '\n' + data)
    })
  })
}).then(value => {
  // 对读取到的数据进行输出
  console.log(value)
})

13.6 catch() 方法

catch() 方法可以用于捕获失败的Promise,并对其进行处理。

可以前面的then()不指定失败的回调函数,失败的回调函数在catch中指定,当前面有失败的Promise就会被catch捕获。

// 导入文件模块
const fs = require('fs')
// 基于Promise实现
const p1 = new Promise((resolve, reject) => {
  // 读取第一个文件
  fs.readFile('./00-文本文件.txt', (err, data) => {
    // 调用成功函数,将读取到的数据传递给成功的回调函数
    resolve(data)
  })
})
// 执行回调函数
p1.then(value => {
  // 读取第二个文件,返回一个Promise对象,对象的结果为之前的数据加上新读取到的文件数据
  return new Promise((resolve, reject) => {
    fs.readFile('./00-文本文件.txtxxxxxxxxxxxxxxxx', (err, data) => {
      if (err) reject(err)
      resolve(value + '\n' + data)
    })
  })
}).then(value => {
  // 读取第三个文件,返回一个Promise对象,对象的结果为之前的数据加上新读取到的文件数据
  return new Promise((resolve, reject) => {
    fs.readFile('./00-文本文件.txt', (err, data) => {
      resolve(value + '\n' + data)
    })
  })
}).then(value => {
  // 对读取到的数据进行输出
  console.log(value)
}).catch(reason => {
  console.log(reason)
})

catch()对错误信息进行捕获

14. 集合 – Set

ES6 提供了新的数据结构 Set(集合)。它类似于数组,但成员的值都是唯一的,集合实现了 iterator 接口,所以可以使用『扩展运算符』和『for…of…』进行遍历。

14.1 声明一个集合

// 声明一个空集合
    let s1 = new Set()
    console.log(s1, typeof s1)
    // 声明集合的同时可以传入一个参数(可迭代数据),作为集合的初始数据
    // 由于集合中不能有重复元素,所以集合会自动为我们去重
    let s2 = new Set([1,2,3,4,5,5,6,6,6,6,6])
    console.log(s2)

14.2 集合的属性和方法

1、size 返回集合的元素个数

2、add 增加一个新元素,返回当前集合

3、delete 删除元素,返回 boolean 值

4、has 检测集合中是否包含某个元素,返回 boolean 值

5、clear 清空集合,返回 undefined

let s2 = new Set([1,2,3,4,5,5,6,6,6,6,6])
    console.log(s2)
    // 1、size 返回集合的元素个数
    console.log(s2.size)
    // 2、add 增加一个新元素,返回当前集合
    console.log(s2.add(7))
    // 3、delete 删除元素,返回 boolean 值
    console.log(s2.delete(6))
    console.log(s2)
    // 4、has 检测集合中是否包含某个元素,返回 boolean 值
    console.log(s2.has(6))
    // 5、clear 清空集合,返回 undefined
    console.log(s2.clear())
    console.log(s2)

14.3 for of 遍历

let s2 = new Set([1,2,3,4,5,5,6,6,6,6,6])
      console.log(s2)
      for (const iterator of s2) {
        console.log(iterator)

14.4 使用扩展运算符

let s2 = new Set([1,2,3,4,5,5,6,6,6,6,6])
      console.log(s2)
      console.log(...s2)

14.5 集合实践

14.5.1 数组去重

14.5.2 交集

14.5.3 并集

14.5.4 差集

代码:

const arr1 = [1, 2, 3, 4, 5, 4, 3, 2, 1]
      const arr2 = [4, 5, 4, 6, 6]
      // ### 14.5.1 数组去重
      const res_arr1 = [...new Set(arr1)]
      console.log(res_arr1)
      // ### 14.5.2 交集
      const set1 = new Set(arr1)
      const set2 = new Set(arr2)
      // 在set1中也在set2中
      const res_arr2 = [...set2].filter( item=>{
        if ( set1.has(item) ) return true
        else return false
      } )
      // 简写
      // const res_arr2 = [...set2].filter((item) => set1.has(item))
      console.log(res_arr2)
      // ### 14.5.3 并集
      // 两个集合的合并
      const res_arr3 = [...set1, ...set2]
      console.log(res_arr3)
      // ### 14.5.4 差集
      // 求 set1 - set2
      // 在set1中不在set2中
      // set1中含有,判断set2中是否含有,有则过了,set2中没有则保留
      const res_arr4 = [...set1].filter((item) => !(set2.has(item)))
      console.log(res_arr4)

15. Map

ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map 也实现了iterator 接口,所以可以使用『扩展运算符』和『for…of…』进行遍历。

15.1 Map 声明

let map = new Map()

15.2 向Map中添加元素(键值对)

// 字符串为键, 字符串为值
      map.set('name', 'zs')
      // 字符串为键,函数为值
      map.set('f1', function () {
        console.log('Hello Map')
      })
      // 对象为键,数组为值
      const key = {
        age: 12,
      }
      map.set(key, ['a', 1, 2])
      console.log(map)

15.3 获取元素

console.log(map.get('name'))
      console.log(map.get('f1'))
      console.log(map.get(key))

15.4 Map的其他属性和API

// 获取Map的大小
      console.log(map.size)
      // 删除键值对
      map.delete('name')
      console.log(map)
      // 清空Map
      map.clear()
      console.log(map)

15.5 for of 遍历

for (const iterator of map) {
        console.log(iterator)
      }

遍历的结果为数组,数组的第一个元素为键,第二个元素为值。

15.6 扩展运算符

console.log(...map

相关文章
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
217 3
|
存储 Java
map中存储的是引用,而不是对象本身
该内容是关于Java编程中验证Map存储引用而非复制对象的示例。创建大型List导致内存增加,说明List确实占用空间。通过Person类示例,将不同对象放入Map,改变一个对象的属性后,比较原对象与Map中的键值对,发现两者相等,证明Map保存的是对象引用。
305 5
|
数据处理
利用Stream流将取到的对象List<对象>形式数据进行分组统计转变成Map<分组条件,数量统计>形式
利用Stream流将取到的对象List<对象>形式数据进行分组统计转变成Map<分组条件,数量统计>形式
412 0
ES6中map对象的使用,确实比Object好使哈
ES6中Map对象的使用优势,包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等,支持forEach循环和for...of循环。
194 1
ES6中map对象的使用,确实比Object好使哈
|
人工智能 算法 大数据
算法金 | 推导式、生成器、向量化、map、filter、reduce、itertools,再见 for 循环
这篇内容介绍了编程中避免使用 for 循环的一些方法,特别是针对 Python 语言。它强调了 for 循环在处理大数据或复杂逻辑时可能导致的性能、可读性和复杂度问题。
252 6
算法金 | 推导式、生成器、向量化、map、filter、reduce、itertools,再见 for 循环
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
186 1
|
Java
Java list中的对象转为list,list中的对象转为map
Java list中的对象转为list,list中的对象转为map
898 1
|
Go
SpringBoot 项目启动初始化一个Map对象到内存
SpringBoot 项目启动初始化一个Map对象到内存
369 1
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(一)
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(一)
154 0