10个JavaScript的实用技巧

　　介绍

小编给大家分享一下10个JavaScript的实用技巧,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

<强> 1,将参数对象转换为数组

参数对象是函数内部可访问的类似数组的对象,其中包含传递给该函数的参数的值。

但这与其他数组不同,我们可以访问值并获取长度,但是不能对其使用其他数组方法。

幸运的是,我们可以把它转换成一个常规数组:

var  argArray =, Array.prototype.slice.call(参数),

<强> 2,对数组中的所有值求和

我最初的直觉是使用循环,但是那样做太费事了。

var  numbers =, [3, 5, 7,, 2]; 　　var  sum =, numbers.reduce ((x, y),=祝辞,x  +, y); 　　console.log(总和);,//,returns  17

<强> 3条件短路

我们有以下代码:

if (饥饿),{ 　　,,,goToFridge (); 　　}

通过将变量与函数一起使用,我们可以使其更短:

hungry ,,, goToFridge ()

4,对条件使用逻辑或<代码> | |

我过去常常在函数的开头声明自己的变量,以避免在出现任何意外错误时出现<代码>定义> function  doSomething (__arg1) {, 　　,,,arg1 =, arg1  | |, 32岁,,//,if 这# 39;s  not  already ,, arg1  will  have  32, as  a  default 价值 　　}

<强> 5,逗号运算符

逗号运算符(<代码>、)可以评估其每个操作数(从左到右)并返回最后一个操作数的值。

let  x =, 1; 　　 　　x =, (x + +,, x); 　　 　　console.log (x); 　　输出://,expected  2 　　 　　x =, (2, 3); 　　 　　console.log (x); 　　输出://,expected  3

<强> 6,使用长度调整数组大小

我们可以使用长度属性来调整数组大小或清空数组

var  array =,(11日,12日,13日,14日,15日];,,//console.log (array.length);还以为;5,, 　　 　　时间=array.length  3;,,//console.log (array.length);还以为;3,,//console.log(数组);还以为;(11、12、13) 　　 　　时间=array.length  0;,, 　　console.log (array.length);,//, 0,, 　　console.log(数组);,//,[]

<强> 7、使用数组解构交换值

解构赋值语法是一种JavaScript表达式,可以将数组中的值或对象中的属性解压缩为不同的变量。

let  a =, 1, b =, 2 　　[a, b],=, [b, a] 　　console.log (a),//,→2 　　console.log (b),//,,, 1

<强> 8日随机排列数组中的元素

每天我都在随机排列

随机排列,随机排列

var  list =, (1, 2, 3, 4, 5, 6, 7, 8, 9); 　　list . sort(函数就console.log ((), { 　　,,,return  math . random(),今天早上,0.5 　　}));, 　　(4//,,,,,,,,,1,,3,,6日,5日,7]

<强> 9属性名称可以是动态的

你可以在声明对象之前分配动态属性。

const  dynamic =, & # 39;颜色# 39;; 　　var  item =, { 　　,,,品牌:,& # 39;福特# 39; 　　,,,(动态):,& # 39;蓝# 39; 　　} 　　console.log(项),,//,{,品牌:“Ford",,颜色:,“Blue",}

<强> 10,过滤唯一值

对于所有ES6爱好者,我们可以通过使用带有扩展运算符(传播)的设置对象来创建一个仅包含唯一值的新数组。

const  my_array =, (1,, 2,, 2,, 3,, 3,, 4, 5, 5] 　　const  unique_array =, […new 设置(my_array)]; 　　console.log (unique_array);,//, [1,, 2,, 3,, 4,, 5]

以上是“10个JavaScript的实用技巧”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

10个JavaScript的实用技巧