es6(三)—— set(集合) 和map的使用

ES6的系列文章目录

第一章 Python 机器学习入门之pandas的使用


文章目录

  • ES6的系列文章目录
  • 一、set(集合)
    • 0. 定义
    • 1. 基本使用
    • 2.常用方法
      • (1)代码
      • (2)效果
      • (3)遍历
  • 二、map
    • 0. 定义
    • 1. 基本使用
    • 2.常用方法
      • (1)代码
      • (2)效果
      • (3)遍历

一、set(集合)

0. 定义

一个新的数据结构,和数组类似,但是set的数据是唯一的

1. 基本使用

在这里插入图片描述
es6(三)—— set(集合) 和map的使用_第1张图片

2.常用方法

(1)代码

es6(三)—— set(集合) 和map的使用_第2张图片

(2)效果

es6(三)—— set(集合) 和map的使用_第3张图片

(3)遍历

// 1:基本使用:定义一个set类型的数据
let s1 = new Set();
let s2 = new Set(['张三', '李四', '王五', '张三']);
for (const key of s2) {
    console.log(key); // 遍历  张三、 李四、王五
}

es6(三)—— set(集合) 和map的使用_第4张图片

二、map

0. 定义

一个新的数据结构,和对象类似,但是对象的键只能是字符串,而map的键可以是任意的数据类型

1. 基本使用

let m1 = new Map();

es6(三)—— set(集合) 和map的使用_第5张图片

2.常用方法

(1)代码

es6(三)—— set(集合) 和map的使用_第6张图片

(2)效果

es6(三)—— set(集合) 和map的使用_第7张图片

(3)遍历

// 1:基本使用:定义一个map类型的数据
let m1 = new Map();
m1.set('name', '张三');
m1.set(18, 18);
m1.set('introduce', function (){
    console.log('这是一个介绍的方法')
});
for (const key of m1) {
    console.log(key);
}

es6(三)—— set(集合) 和map的使用_第8张图片

你可能感兴趣的:(es6,es6,前端,ecmascript)