字符模板:解决字符串动态拼接的问题
可以用 ` 键,可以支持换行。
传统
<script> var person = { name:"nyfq", age:18, address:"中国" } let into = "我是"+person.name+"我的年龄"+person.age+"我是"+person.address+"人"; consols.log(into); </script>
更新
<script> var person = { name:"nyfq", age:18, address:"中国" } let into2 = `我是${person.name},今年${person.age},我来自${person.address}`; console.log(into2) </script>
数组
map:
自带循环功能,并且会把处理的值回填到对应的位置。
例:要对数组每个元素*2
<script> var arr = [1,2,3,4,5,6,7]; //传统方式 let newarr = []; for(let i=0;i<arr.length;i++){ newarr.push(arr[i]*2); } console.log(newarr); //map -- 自带循环功能,并且会把处理的值回填到对应的位置。 var newarr2 = arr.map(function(ele){ return ele*2; })
console.log(newarr2); </script>
箭头函数
<script> //箭头函数 //规律 // 1:去掉function。 // 2:在括号后面加箭头。 // 3:如果逻辑代码仅有return可以直接省去。 // 4:如果参数有一个,可以把括号去掉 var newarr3 = arr.map(ele=>ele*2); console.log(newarr3); </script>
reduce:
接收一个函数(必须)和一个初始值(可选),该函数接收两个参数:
1.第一个参数是上次reduce处理的结果。
2.第二个参数是数组中要处理的下一个元素。
<script> var arr =[1,2,3,4,5,6,7,8,9,10]; let result = arr.reduce(function(a,b){ return a+b; }); console.log(result); //输出结果为55(1+2+3+4+5+6+7+8+9+10) </script>