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

相关文章
|
1月前
|
C++ 容器
set容器-构造和赋值讲解
set容器-构造和赋值讲解
28 0
|
10月前
|
前端开发 JavaScript API
ES6-ES11-第一部分-let、const、解构赋值、模板字符串、简化对象写法、箭头函数、函数参数默认值、rest 参数、扩展运算符、Symbol、迭代器、生成器、Promise、Set、Map(五)
ES6-ES11-第一部分-let、const、解构赋值、模板字符串、简化对象写法、箭头函数、函数参数默认值、rest 参数、扩展运算符、Symbol、迭代器、生成器、Promise、Set、Map(五)
|
8月前
|
SQL 分布式计算 DataWorks
使用`SET`语句来定义变量并为其赋值
使用`SET`语句来定义变量并为其赋值
165 4
|
8月前
|
SQL 分布式计算 DataWorks
可以使用SET语句来定义变量并为其赋值
可以使用SET语句来定义变量并为其赋值
46 2
|
1月前
|
JavaScript 前端开发
ES6:什么是Symbol?
ES6:什么是Symbol?
25 1
|
1月前
ES6之Symbol
ES6之Symbol
|
1月前
|
JavaScript 前端开发
|
1月前
|
JavaScript 前端开发 开发者
|
1月前
|
存储 JavaScript
ES6+新特性-Symbol与Set/Map数据结构
ES6 引入了三种新的数据结构:Symbol、Set和Map。Symbol是唯一且不可变的值,常用于定义对象的独特属性;Set存储不重复值,适合数组去重;Map则是键值对集合,键可为任意类型,提供了更灵活的存储方式。这些新数据结构提供了更高效的操作手段,分别解决了属性命名冲突、数据去重和复杂键值对存储的问题。示例展示了如何使用Symbol、Set和Map进行基本操作。
|
1月前
|
JavaScript
js开发:请解释什么是ES6的Symbol,以及它的用途。
ES6的Symbol数据类型创建唯一值,常用于对象属性键(防冲突)和私有属性。示例展示了如何创建及使用Symbol:即使描述相同,两个Symbol也不等;作为对象属性如`obj[symbol1] = 'value1'`;也可作枚举值,如`Color.RED = Symbol('red')`。