es6学习
2023-09-14 08:58:23 时间
1.fill替换数组的某一块区域
例子1:数组中把3和4替换成8,
<script> let arr = [1, 2, 3, 4, 5] console.log(arr.fill(8, 2, 4)) </script>
2和4是索引(下标),从2开始到4结束
2.查找,filter和find
也可以用箭头函数来写
var ar = [1,2,3,5,1,6,7] let z = ar.filter(item=>item>2) console.log(z)// [3, 5, 6, 7]
...
<script> //过滤出3,filter满足条件所有值 let arr = [1, 2, 3, 4, 5] let z = arr.filter(function(item){ return item === 3 }) console.log(z) //[3] </script>
<script> //查找数字3,find满足条件第一个值 let arr = [1, 2, 3, 4, 5] let z = arr.find(function(item){ return item === 3 }) console.log(find) //3 </script>
<script> //查找下标findIndex let arr = [1, 2, 3, 4, 5] let z = arr.findIndex(function(item){ return item === 3 }) console.log(z) //2 </script>
3.es6函数传参
<script> //es6写法参数默认值,有默认值的往后靠,没有默认值的往前写 function f(x, y=7, z=42) { return x+y+z; //返回值 } //调用的时候,y取默认值,只想改z,y可以直接写undefind默认还是7 console.log(f(1,undefined,43)) //51 </script>
<script> //es6写法参数默认值,有默认值的往后靠,没有默认值的往前写 function f(x, y=7, z=x+y) { console.log(f.length);//取没有带默认值的参数个数 ,打印出来是1 return x*10+z; //返回值 } //调用的时候,y取默认值,只想改z,y可以直接写undefind默认还是7 console.log(f(1,undefined,2)) //12 </script>
数组参数求和
<!-- 参数求和 --> <script> //...代表多个元素 function sum(...nums) { let num = 0; nums.forEach(function (item) { num += item * 1 //乘以1代表字符串转换为数字 }) return num } console.log(sum(1, 2, 3)); //6 </script>
第一个参数乘以2,参数求和
<!-- 第一个参数乘以2,参数求和 --> <script> //把第一个参数放在base变量中,剩余放在nums里 function sum(base, ...nums) { let num = 0; nums.forEach(function (item) { num += item * 1 //乘以1代表字符串转换为数字 }) return base * 2 + num } console.log(sum(1, 2, 3)); //7 </script>
相反,知道具体参数情况下,求和方法
<!-- 知道具体参数情况下,求和方法 --> <script> function sum(x = 1, y = 2, z = 3) { return x + y + z; } let data = [4, 5, 6] console.log(sum(...data)); //15 </script>
ES6处理字符串逻辑
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>es6中字符串处理逻辑定义一个函数,返回想要的结果</title> </head> <body> <script> //第一种普通写法 // const yuanjia = 20 // const pifajia = 16 // const type="retail" // let showTxt = "" // if(type === "retail"){ // showTxt = "您此次的购买单价是:" + yuanjia // }else{ // showTxt = "您此次的购买批发价是" + pifajia // } // console.log(showTxt);//您此次的购买单价是:20 // 第二种写法定义一个函数,变量通过函数来返回的 // type是模板给的 function Price (strings,type){ let s1 = strings[0];//代表“您此次的” const yuanjia = 20 const pifajia = 16 let showTxt = "" if(type === "retail"){ showTxt = "购买单价是:" + yuanjia }else{ showTxt = "购买批发价是" + pifajia } return `${s1}${showTxt}` } let showTxt = Price`您此次的${'retail'}`//您此次的是Price函数的常量,${'retail'}是Price函数的变量 console.log(showTxt)//您此次的购买单价是:20 </script> </body> </html>
相关文章
- ES6模板字符串`的引用
- es6模板字符串_es6字符串模板
- ES6总结
- 还在受JS的this指向问题困扰?来看看Es6的箭头函数
- ES6系列十四:Proxy
- 每天3分钟,重学ES6-ES12(三)标签模版字符串
- 每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
- ES6-异步遍历器(三)
- ES6-语法基础
- ES6 学习笔记(一)let、const与作用域
- ES6 学习笔记(八)基本类型Symbol
- ES6 学习笔记(十)Map的基本用法
- ES6 学习笔记(十一)迭代器和生成器函数
- ES6模块化的实现
- Es6学习笔记,持续记录
- JS模块化—CJS&AMD&CMD&ES6-前端面试知识点查漏补缺_2023-03-13
- ES6 destructure assignment 解构赋值详解编程语言