当前位置: 首页 > Web前端 > HTML

JS基础入门(43)—ES6(二)

时间:2023-04-02 14:46:00 HTML

1.对象简明表示的原始写法varname="lzf";变种性别=“男性”;varfn=function(){console.log(1);}varobj={name:name,gender:gender,fn:fn,fn2:function(){console.log(2)}};控制台日志(对象);obj.fn2();对象。fn();简洁的写法varname="zm";变种性别=“男性”;varfn=function(){console.log(1);}varobj={name,gender,fn,fn2(){console.log(2)}};控制台日志(对象);obj.fn2();obj.fn();2.Array.map()map():方法返回一个新数组,其元素为原数组元素调用函数后的值。map():该方法按原始数组元素顺序依次处理元素。注意:map()不会检查空数组。注意:map()不会改变原始数组。示例1:vararr=[10,,12,13];//item:表示数组中每一项的值//index:表示下标//arr:表示数组varres=arr.map(function(item,index,arr){console.log(item,index,arr);})运行结果:例2:vararr=[10,11,12];varres=arr.map(function(item,index,arr){console.log(item,index,arr);arr.shift();})运行结果:例3:vararr=[100,,300];arr[10]=1000;varres=arr.map(function(item){returnitem*10});console.log(res);//[1000,empty,3000,empty×7,10000]console.log(arr);//[100,empty,300,empty×7,1000]3.Array.filter()filter():该方法创建一个新数组,通过检查指定数组中所有满足条件的元素来检查新数组中的元素。注意:filter()不检查空数组。注意:filter()不会改变原始数组。vararr=[1,5,8,7,2,4];varres=arr。过滤器(项目=>项目<5);安慰。日志(资源);//[1,2,4]4。Array.every()只要回调函数的返回值为false一次并且每次返回值为false就会停止vararr=[1,-5,2,3,34,54,56];varres=arr.every(item=>{console.log(item);returnitem>0;});控制台日志(资源);运行结果:5.Array.some()只要回调函数返回值为true一次,stop和some返回truevararr=[1,-5,2,3,34,54,56];varres=arr.some(item=>{console.log(item);returnitem>0});控制台日志(资源);运行结果:6.Array.reduce()例1://reduce(fn[,attr1])//其中fn是一个函数,attr1是一个参数//有两个fn函数参数a,b。//第一次执行a的值为attr1,b的值为数组第0项//第二次执行a引用第一次执行的返回值,b的值为第1项数组的第一项//第三次第一次执行a引用第二次执行的返回值,b的值为数组的第二项//直到遍历完数组的全部内容,最后的结果为回。vararr=[1,2,3,4,5];varres=arr.reduce(function(a,b){console.log(a,b);returna+b},100);控制台日志(资源);运行结果为:例2://reduce(fn)//其中fn是一个函数,当没有第二个参数时。//fn函数有两个参数a,b。//第一次执行a的值为数组第0项,b的值为数组第一项b的是数组的第二项//第三次执行a是指第二次执行的返回值,b的值是数组的第三项//直到遍历完数组的全部内容,返回最终结果。vararr=[1,2,3,4,5];varres=arr.reduce(function(a,b){console.log(a,b);returna+b});控制台日志(资源);运行结果为:7.Array.includes()includes()方法用于判断一个数组是否包含指定值,如果返回true,否则返回false。vararr=[1,2,3,4,undefined,false,5,"a",null,NaN];console.log(arr.includes("a"));//trueconsole.log(arr.includes(NaN));//trueconsole.log(arr.includes("1"));//falseconsole.log(arr.includes(null));//trueconsole.log(arr.includes(undefined));//trueconsole.log(arr.includes(false));//true8.Array.fill()fill():填充数组,返回一个新数组,并改变原来的数组。这篇博客把fill()的用法写的比较清楚。如果想了解更多,请点击vararr=[1,2,4,3];varres=arr.fill(["a","b"]);console.log(arr);console.log(res);运行结果:9.Array.of()andArray.from()Array.of()vararr=Array.of(4,5,6,7);console.log(arr);//[4,5,6,7]Array.from():将类数组转为数组。有三个参数,还没有深入研究。

运行结果:11.Array.find()和Array.findIndex()find()函数用于查找目标元素,找到则返回元素,找到则返回undefined未找到。findIndex()函数也搜索目标元素,如果找到则返回该元素的位置,如果找不到则返回-1。
  • 1
  • 2
  • 5
  • 3
  • 5
运行结果: