前言
由于
工作和生活上的一些变化,近来文章的写作
频率有所下降。我很抱歉,但我相信我会很快
恢复的。谢谢您一直以来的关注和
支持。
本文将与您
分享编写Javascript代码的一些
方法和技巧。虽然有时候所有的道路都通向罗马,但总有一条最短的路要走,希望下面的Javascript技术可以用来简化代码,简化简化。
巧用巧学
1。新集()
它可能是已知的,6提供了一种新的数据结构,
设置,但也许不是很多人能灵活使用。使用集合的数据结构,我们可以很容易地设置一个数组,例如:
让ARR = { 1, 2, 2,3 };
让我们为新的设置(ARR);
让array.from newarr =(套); / / array.from方法可以设置成一个结构数组。
console.log(newarr); / / { 1, 2, 3 }
2。object.assign()
object.assign()是一个
扩展方法提供6对象,可用于合并
复制的对象,如:
让obj1 = { 1 };
B:让obj2 = { 2 };
让OBJ3(obj1,object.assign = { },obj2);
console.log(OBJ3); / / { 1,2 }:B:
三.图()
map方法用于遍历数组和返回值。它可以
操作数组中的每个项并生成一个新数组。有时它可以取代和foreach循环来简化代码,例如:
让ARR3 = { 1, 2, 3,4, 5 };
让(newarr3 = arr3.map(E,I)= E×10); / /阵列各乘以10
console.log(newarr3); / / { 10, 20, 30,40, 50 }
4。过滤器()
滤波方法也用于遍历数组。顾名思义,它意味着过滤数组,在每个元素之后触发回调
函数,判断或保留或移除当前项,最后返回一个新数组,例如:
让ARR4 = { 1, 2, 3,4, 5 };
让(newarr4 = arr4.filter(E,I)= = = = > E % 2 0); / /模余数,过滤是不是0号
console.log(newarr4); / / { 2, 4 }
5。一些()
一些方法来遍历数组,每个元素在后触发一个回调函数,只要满足
条件,返回true,否则返回false,类似| |,例如:
让ARR5 = { {真},{结果:结果:假} };
让(newarr5 = arr5.some(e,i)= > e.result); / /只要是真实的,这是真的
console.log(newarr5); / /真的
6.every()
每个方法用于遍历数组,触发每个元素后面的回调函数。如果一个条件不满足,它将返回false,否则它将返回true,这类似于比较。
让ARR6 = { {真},{结果:结果:假} };
让(newarr6 = arr6.every(e,i)= > e.result); / /只要一个假的,这是假的
console.log(newarr6); / /假
7。算子
点的反向
作用~使用Javascript的标志,以防~ ~两倍,和位操作值是一个整数,结果是一个整数,所以位操作自动
转换为一个整数,可以巧妙地去掉小数部分,类似于parseInt,例如:
A=1.23;
让B = -1.23;
console.log(~ ~一); / / 1
console.log(~ ~ B); / / 1
8。| |算子
使用| |算子聪明我们可以设置
默认值的变量,例如:
让C=1;
让D = C | | 2; / /如果C值从现有的值为真,否则为2
console.log(D); / / 1
9…算子
…
运算符用于6解构数组的方法,可以快速得到一个数组的
参数,如:
让{ num1,…号} = { 1, 2, 3 };
console.log(num1); / / 1
console.log(名词); / / { 2, 3 }
10。三元运算符
运算符应该是熟悉的,在听写的
情况下可以简化,如果不写,例如:
设E =真,
f =;
如果(e){
F = ' ';
{人}
F = 'woman;
}
等效
E F =人:F = 'woman;
后记
本文仅列举了提高Javascript语法编码效率的10种常用方法,并对其进行了简要阐述。当然,每一个知识点都可以进行相应的探索,希望你能熟练地
学习,达到巧妙运用的效果。