javascript学习注意事项

1.字符串：

不改变原字符串的操作：toUpperCase， toLowerCase， indexof， substring

2.数组：

不改变原数组的操作：indexof，slice，concat，join

改变原数组的操作：push，pop，unshift，shift，splice，sort，reverse

3.对象：

访问属性是通过.操作符完成的，但这要求属性名必须是一个有效的变量名。如果属性名包含特殊字符，就必须用''括起来：

var xiaohong = {
    name: '小红',
    'middle-school': 'No.1 Middle School'
};

xiaohong的属性名middle-school不是一个有效的变量，就需要用''括起来。访问这个属性也无法使用.操作符，必须用['xxx']来访问：

实际上JavaScript对象的所有属性名都是字符串，不过属性对应的值可以是任意数据类型。

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

var xiaoming = {
    name: '小明',
    birth: 1990,
    school: 'No.1 Middle School',
    height: 1.70,
    weight: 65,
    score: null
};
'name' in xiaoming; // true
'grade' in xiaoming; // false

不过要小心，如果in判断一个属性存在，这个属性不一定是xiaoming的，它可能是xiaoming继承得到的：

'toString' in xiaoming; // true

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

var xiaoming = {
    name: '小明'
};
xiaoming.hasOwnProperty('name'); // true
xiaoming.hasOwnProperty('toString'); // false

4.循环：

for ... in

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

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

由于Array也是对象，而它的每个元素的索引被视为对象的属性，因此，for ... in循环可以直接循环出Array的索引：

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。

5.Map

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

用JavaScript写一个Map如下：

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

初始化Map需要一个二维数组，或者直接初始化一个空Map。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

6. iterable：

遍历Array可以采用下标循环，遍历Map和Set就无法使用下标。为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。【注意：为什么这里将Array，Map，Set这三种类型的遍历放在一起说呢，因为这三种类型都跟数组有关系！！！但是因为Map，Set跟集合有关系，他们都是键值对的模式，但是遍历方法却不同，集合可以使用for...in.....来遍历，Map和Set不能使用for......in.......，要使用for.....of......】

用for ... of循环遍历Array,Map和Set，用法如下：

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......中循环遍历的是整个集合中的元素，例如：对于Array而言，每次遍历的是数组中的单个元素，对于Map而言，每次遍历的是一个完整的一维数组，对于Set而言，每次遍历的是一个元素，这跟.forEach(function(){});方法差异巨大，forEach(function(){});方法可以细致的取出不同的部分，比如：对于Map类型而言，使用forEach(function(value,key,map){});可以依次取出属性值，属性名，以及当前Map本身！！！显然，第二种便利方法更加实用！！！

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

然而，更好的方式是直接使用iterable内置的forEach方法，它接收一个函数，每次迭代就自动回调该函数。以Array为例：

var a = ['A', 'B', 'C'];

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

Set与Array类似，但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);
});

如果对某些参数不感兴趣，由于JavaScript的函数调用不要求参数必须一致，因此可以忽略它们。例如，只需要获得Array的element：

var a = ['A', 'B', 'C'];
a.forEach(function (element) {
    console.log(element);
}）

但是如果参数缺失的话，函数默认会将放在第一个位置的参数名当做指代element的参数名，如：
var a = ['A', 'B', 'C'];
a.forEach(function (array) {
    console.log(array);
}）     //实际上现在输出的array就是element的值，而不是整个数组