javascript对象、流程控制、Map和Set以及Iterble遍历方式的学习笔记

javascript第二部分

对象的运用

JavaScript的对象是一种无序的集合数据类型，它由若干键值对组成。
1、定义一个对象

var 对象名 = { key: 'value', 
              key: 'value',
              key: 'value' }

2、获取对象的属性

对象.属性

由于JavaScript的对象是动态类型，你可以自由地给一个对象添加或删除属性：

var xiaoming = {
    name: '小明' 
};
xiaoming.age; // undefined 
xiaoming.age = 18; // 新增一个age属性 
xiaoming.age; // 18 
delete xiaoming.age; // 删除ag

如果我们要检测对象是否拥有某一属性，可以用 in 操作符：

var xiaoming = { 
    name: '小明', 
};
'name' in xiaoming; // true 
'grade' in xiaoming; // false

如果用 in 判断一个属性存在，这个属性不一定是 这个对象的，它可能是这个对象继承得到的

要判断一个属性是否是 xiaoming 自身拥有的，而不是继承得到的，可以用 hasOwnProperty() 方法

'toString' in xiaoming; // true
xiaoming.hasOwnProperty('name'); // true 
xiaoming.hasOwnProperty('toString'); // false

流程控制

1、if 判断

和Java一样

2、for循环

基础语法：同Java
遍历数组：同Java
无限循环：

var x = 0; 
for (;;) {
    // 将无限循环下去 
    if (x > 100) 
    { 
        break; // 通过if判断来退出循环 
    }
     x ++; 
}

for ... in ，
它可以把一个对象的所有属性依次循环出来：

var o = { name: 'Jack', age: 20, city: 'Beijing' };
for (var key in o) { 
    if (o.hasOwnProperty(key)) { 
        console.log(key); // 'name', 'age', 'city'
    } 
}

元素的索引被视为对象的属性，所以遍历出来是下标

var a = ['A', 'B', 'C']; 
for (var i in a) { 
    console.log(i); // '0', '1', '2' 
    console.log(a[i]); // 'A', 'B', 'C'
}

for ... in 对 Array 的循环得到的是 String 而不是 Number

Map和Set

Map 是一组键值对的结构，具有极快的查找速度。

var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]); 
m.get('Michael'); // 95

Map的几个方法：

var m = new Map(); // 空Map
m.set('Adam', 67); // 添加新的key-value 
m.set('Bob', 59);
m.has('Adam'); // 是否存在key 'Adam': true
m.get('Adam');// 67 
m.delete('Adam'); // 删除key 'Adam' 
m.get('Adam'); // undefined

注意：一个key只能对应一个value，多次对一个key放入value，后面的值会把前面的值冲掉。

Set 和 Map 类似，也是一组key的集合，但不存储value。

*key不能重复*
重复元素在 Set 中自动被过滤，数字 3 和字符串 '3' 是不同的元素。

var s = new Set([1, 2, 3, 3, '3']); 
s; // Set {1, 2, 3, "3"}

add(key) 方法可以添加元素到 Set 中
delete(key) 方法可以删除元素：

s.add(4);
s; // Set {1, 2, 3, 4} 
s.add(4); s; // 仍然是 Set {1, 2, 3, 4}

var s = new Set([1, 2, 3]);
s; // Set {1, 2, 3} 
s.delete(3); 
s; // Set {1, 2}

Iterable遍历

遍历Map 和 Set 就无法使用下标，为了统一集合类型，ES6标准引入了新的 iterable 类型，Array，Map，Set 属于；

核心：具有 iterable 类型的集合可以通过新的 for ... of 循环来遍历。

var a = ['A', 'B', 'C']; 
var s = new Set(['A', 'B', 'C']);
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]); 
for (var x of a) { 
    // 遍历Array 
    console.log(x); 
}
for (var x of s) { 
    // 遍历Set 
    console.log(x); 
}
for (var x of m) {
    // 遍历Map 
    console.log(x[0] + '=' + x[1]);
}

通过for of，set和array对象都可以直接输出，map要加下标
forEach
iterable 内置的 forEach 方法，它接收一个函数，每次迭代就自动回调该函数。

以 Array 为例

a.forEach(function (element, index, array) { 
    // element: 指向当前元素的值 
    // index: 指向当前索引
    // array: 指向Array对象本身 
    console.log(element + ', index = ' + index); 
});

Set

var s = new Set(['A', 'B', 'C']);
s.forEach(function (element, sameElement, set) {
    console.log(element); 
});

Map 的回调函数参数依次为 value 、 key 和 map 本身

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach(function (value, key, map) {
    console.log(value); 
});