react -- es6语法

1，es6新增数组方法

 1 // 一： 通过map方法遍历数组
 2 let aList = ['a','b','c','d'];
 3 // 匿名函数的第一个参数是数组成员的值，第二个参数是成员的索引值
 4 aList.map(function(item,index){
 5    alert( index + ' | ' + item );
 6 })
 7 
 8 // 二：includes方法，验证数组中是否包含某个成员，返回布尔值
 9 let aList2 = [2,4,6,8,NaN];
10 alert( aList2.includes(4));  // true
11 alert( aList2.includes(9));  // false
12 alert( aList2.includes(NaN)); // true
13 
14 // 三： filter方法，通过一定条件将数组过滤生成一个新数组   filter方法是一个浅拷贝
15 let aList3 = [1,2,3,4,5,6,7,8,9];
16 let aList4 = aList3.filter(function(item){
17    return item % 2 == 0
18 })
19 let aList4 = aList3.filter(item=>item % 2 == 0)
20 alert(aList4 ); // 2,4,6,8
21 let aList5 = [{name:'tom',age:18},{name:'jack',age:19},{name:'peter',age:20}]
22 // 过滤出年龄大于19的成员
23 let aList6 = aList5.filter(item=>item.age>19);
24 
25 // 四： find方法，找到数组中第一个符合条件的成员，返回这个成员的值，如果找不到就返回undefined     find方法是一个浅拷贝
26 let aList7 = [1,2,3,4,5,6,7];
27 let iNum = aList7.find(item=>item>4);
28 let iNum2 = aList7.find(item=>item>7);
29 alert(iNum);
30 alert(iNum2);
31 // 找name是jack的成员
32 let oPerson = aList5.find(item=>item.name=='jack');

2，扩展运算符            扩展运算符也是浅拷贝

1 let aList01 = [1,2,3,4];
2 
3  /* let aList02 = [];
4 for(var i=0;i<aList01.length;i++){
5    aList02.push( aList01[i] );
6 } */
7 
8 // 上面复制数组的方法可以简写成下面的方法：
9 let aList02 = [...aList01,5];

3，属性名表达式

1 let sXingming = 'name';
2 let oPerson = {
3      [sXingming]:'Tom',
4      age:18
5 }
6 
7 //alert( oPerson.name );
8 alert( oPerson[sXingming] );