首页 > 其他 > 详细

react -- es6语法

时间:2021-03-02 20:14:20      阅读:47      评论:0      收藏:0      [点我收藏+]

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] );

 

react -- es6语法

原文:https://www.cnblogs.com/yupangpang/p/14469603.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!