[北京|结业弟子]JS-朱春雨|2020年02月28日的日报-技能树.IT修真院

发表于： 2020-02-28 23:26:18

0 1619

今天完成的事情：

模板字符串
let [name,age] = ["Peter",10];
console.log(`${name},${age}`) //Peter,10   用` `可以当普通字符串使用，也可以在字符串中嵌入变量

Set： 
//类似数组，不同的是数组中元素是允许重复的，而Set里面的元素都是唯一的。可接受字符串、数组、对象等作为参数。

参数是数组
let arr=new Set([1,1,1,2,2,2,3,3,3])
console.log(arr)//Set(4) {1, 2, 3, 4}
console.log([...arr])// [1, 2, 3, 4]

参数是字符串
let s1 = new Set("abcdddd") 
console.log(s1); // Set(4) {"a", "b", "c", "d"}
console.log([...s1]); // ["a", "b", "c", "d"] 
console.log([...s1].join('')); // abcd

参数是对象
let s1 = new Set({a:1},{b:1}) //不能直接new Set({a:1})这样写，这样会报错 Uncaught TypeError: object is not iterable (cannot read property Symbol(Symbol.iterator))
console.log(s1);
let s2 = new Set();
//可以用Set的add方法来添加 s2.add({a:1}).add({b:1})
s2.add({}).add({})//且任意两个对象都是不相等的，包括两个空对象，也是不相等的。这意味着add两个空对象后，Set的size是2而不是1：
console.log(s2.size) // 2

//Set 内部判断两个值会认为：“4”和4是不相等的
let s1 = new Set([1,2,3,4,4,4,"4"]);
console.log([...s1]); // [1, 2, 3, 4, "4"]
// set 内部判断两个值会认为：NaN和自身相等
let s2 = new Set([1,2,3,4,4,4,NaN,NaN])
console.log([...s2]); // [1, 2, 3, 4, NaN]

Set实例的属性和方法
 size：获取元素的数量

let s1 = new Set();
s1.add(1).add(2).add(3).add(3);
s1.size // 3
s1.has(1) // true
s1.has(4) // false
s1.delete(1)
s1.has(1) // false
s1.clear()
s1.size // 0

遍历方法：
let s = new Set(['name', 'age', 'gender']) //返回键名的遍历器
for (let i of s.keys()) {
    console.log(i)
    // name
    // age
    // gender
}
for (let i of s.values()) {  //返回键值的遍历器。由于Set结构没有键名，只有键值（或者说键名和键值是同一个值），所有keys()和values()返回结果是一样的。
    console.log(i)
    // name
    // age
    // gender
}
for (let i of s.entries()) {  //返回键值对的遍历器
    console.log(i)
    // ["name","name"]
    // ["age","age"]
    // ["gender","gender"]
}
s.forEach((key, value) => console.log(key + ":" + value))//使用回调函数对每个元素执行某种操作，没有返回值
    // name:name
    // age:age
    // gender:gender


Map实例的属性和方法
//类似对象，不同的是对象中的key是字符串或数字，而Map中的key可以是任何数据类型。

属性
size：获取元素的数量
操作方法

let m = new Map();
m.set("name","Peter");
m.set("age", 26)
m.set({"gender":"male","add":"street"},"other info")
m.size // 3
m.get('name') // Peter
m.has("age") // true
m.delete("age")
m.has("age") // false
m.clear();
m.size // 0

let m = new Map();
m.set("name", "Peter");
m.set("age", 26)
m.set({ "gender": "male", "add": "street" }, "other info")
for (let key of m.keys()) {    //返回键名的遍历器
    console.log(key);
    // name
    // age
    // {gender: "male",add: "street"}
}
for (let value of m.values()) { //返回键值的遍历器
    console.log(value)
    // Peter
    // 26
    // other info
}
for (let i of m.entries()) { //返回键值对的遍历器
    console.log(i)
    // ["name", "Peter"]
    // ["age", 26]
    // [{gender: "male", add: "street"},"other info"]
}
m.forEach((value, key) => console.log(key + ":" + value)) //使用回调函数对每个元素执行某种操作，没有返回值,注意下这个Map的forEach()方法，第一个参数是键值，第二个参数是键。
    // name:Peter
    // age:26
    // [object Object]:other info