这篇文章主要介绍了ES6/JavaScript使用技巧有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
JavaScript可以做什么
1。可以使网页具有交互性,例如响应用户点击,给用户提供更好的体验。 2 .可以处理表单,检验用户的输入,并提供及时反馈节省用户时间。 3 .可以根据用户的操作,动态的创建页面。 4使用JavaScript可以通过设置饼干存储在浏览器上的一些临时信息。
一些小技巧
<强> 1。新()强>
数组的去重,在& # 39;潜意识& # 39;里面感觉就应该去循环然后对比去重,其实在ES6中新增提供了新的数据结构,用他可以轻松去重数组,比如:
let arr =, (1, 1,, 2,, 2,, 3,, 3]; let set =, new 设定(arr);//let newArr =, Array.from(集);,//,Array.from方法可以将,Set 结构转为数组只 console.log (newArr);,//, [1, 2, 3]
<强> 2. object.assign() 强>
也是ES6中提供的对象的扩展方法,其可以用于对象的合并拷贝,像之前对象合并也是很繁琐,但是现在很容易麽,比如:
let obj1 =, {:, 1}; let obj2 =, {b:, 2}; let obj3 =, Object.assign({},其中obj1, methoda); console.log (obj3);,//, {,, 1,,,, 2}
<强> 3.地图()强>
地图方法用于遍历数组,有返回值,可以对数组的每一项进行操作并生成一个新的数组,有些时候可以代替为和forEach循环,简化代码,比如:
let arr3 =, (1,, 2,, 3,, 4,, 5]; let newArr3 =, arr3.map ((e,我),=祝辞,e *, 10);,//,给数组每一项乘以10 console.log (newArr3);,//,[10, 20岁,30岁,40岁,50)
<强> 4.过滤()强>
过滤方法同样用于遍历数组,顾名思义,就是过滤数组,在每一项元素后面触发一个回调函数,通过判断,保留或移除当前项,最后返回一个新的数组,比如:
let arr4 =, (1,, 2,, 3,, 4,, 5]; let newArr4 =, arr4.filter ((e,我),=祝辞,e %, 2,===, 0),,//,取模,过滤余数不为0的数 console.log (newArr4);,//, (2、4)
<强> 5.一些()强>
一些方法用于遍历数组,在每一项元素后面触发一个回调函数,只要一个满足条件就返回真,否则返回假,类似于| |比较,比如:
let arr5 =,[{结果:,真正},{结果:,假}); let newArr5 =, arr5.some ((e,我),=祝辞,e.result);,//,只要一个为真,即为真 console.log (newArr5);,//,真正的
<强> 6.每()//与5相反的强>
每方法用于遍历数组,在每一项元素后面触发一个回调函数,只要一个不满足条件就返回假,否则返回真,类似于,,比较,比如:
let arr6 =,[{结果:,真正},{结果:,假}); let newArr6 =, arr6.every ((e,我),=祝辞,e.result);,//,只要一个为假,即为假 console.log (newArr6);,//,假
<强> 7。三元运算符
强>
该运算符应该大家都比较熟悉,在默写情况下可以简化如果其他的写法,比如:
let e =,真的, 时间=f & # 39; & # 39;; if (e), { 时间=f & # 39; aaa # 39;; },{else 时间=f & # 39; bbb # 39;; }//,等同于 f =, e ?, & # 39; aaa # 39;,:, & # 39; bbb # 39;;
<强> 8。~ ~运算符强>
~符号用在JavaScript中有按位取反的作用,~ ~即是取反两次,而位运算的操作值要求是整数,其结果也是整数,所以经过位运算的都会自动变成整数,可以巧妙的去掉小数部分,类似于方法,比如:
let a =, 1.23; let b =, -1.23; console.log (~ ~);//, 1 console.log (b ~ ~),,//, 1
感谢你能够认真阅读完这篇文章,希望小编分享的“ES6/JavaScript使用技巧有哪些”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!