首页 > 自考资讯 > 高考百科

10 个实用的 JS 技巧(js的三种使用方法)

小条 2024-06-27

将 arguments 对象转换为数组

参数对象是一个类似数组的对象,可以在函数内访问并包含传递给函数的参数值。

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

幸运的是,您可以将其转换为常规数组。

复制代码

var argArray=Array.prototype.slice.call(arguments);

对数组中的所有值求和

我想先使用循环,但这很浪费。

复制代码

varnumbers=[3, 5, 7, 2];var sum=numbers.reduce((x, y)=x + y);console.log(sum); //返回17

条件短路

下面的代码是。

复制代码

if (hungry) { goToFridge();} 您可以进一步简化代码并同时使用变量和函数。

复制代码

Hungry goToFridge()

对条件使用或(OR)逻辑

以前,我会在函数开头声明变量,以避免出现意外错误时未定义。

复制代码

function doSomething(arg1){ arg1=arg1 || 32; //如果尚未设置,arg1 的默认值为32}

逗号运算符

逗号运算符(,) 用于计算每个操作数(从左到右),返回最后一个操作数的值。

复制代码

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

使用 length 调整数组大小

;调整数组大小或清除数组。

复制代码

var array=[11, 12, 13, 14, 15];console.log(array.length); //5array.length=3;console.log(array.length); //3console.log(array); //[11,12,13]array.length=0;console.log(array.length); //0console.log(array); //[]

使用数组解构来交换值

可以拆分赋值语法。将数组中的值或对象中的属性提取到单独的变量中。

复制代码

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

随机排列数组中的元素

复制代码

var list=[1, 2, 3, 4, 5, 6, 7, 8, 9];console.log(list.sort(function() { return Math.random() - 0.5}));//[ 4, 8, 2, 9, 1, 3, 6, 5, 7]

属性名称可以是动态的

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

复制代码

const Dynamic='color';var item={brand: 'Ford', [dynamic]: 'Blue'}console.log(item);//{brand: 'Ford', color: 'Blue' } 010- 对于所有ES6 对于1010 爱好者,您可以使用Set 对象和Spread 运算符创建一个仅包含唯一值的新数组。

复制代码

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

过滤唯一值

责任比提高效率重要得多。您的网站必须与所有浏览器兼容。您可以使用Endtest或其他类似工具来确保兼容性。您还有其他想要分享的JavaScript 提示或技巧吗?

版权声明:本文转载于网络,版权归作者所有。如有侵权,请联系本站编辑删除。

猜你喜欢