js常用方法技巧
1.join方法
数组拼接字符串逗号隔开不用遍历的方式
数组 join()函数的参数是可选的,如果没有包含参数来指定加入/分隔符,默认情况下会使用逗号。例如,
var myArray = ['I', 'love', 'chocolate', 'frogs'];
var madeAString = myArray.join(' ');
// returns 'I love chocolate frogs'
var madeAString = myArray.join();
// returns 'I,love,chocolate,frogs'
2. 使用数字分隔符
这是处理大数字时最常用的运算符之一。当在数字中使用分隔(即_
)时,看上去比未分隔的数字更美观。
const number = 98_234_567;
const binary = 0b1000_0101;
const hex = 0x12_34_56_78;
1.不允许出现在数字的末尾。
2.不能用在首位0后面。
3. delete vs splice
从数组中删除项,应该通过使用splice
而不是delete
。使用delete
将删除对象属性,但不会重新索引数组或更新数组长度。这使得看起来就像未定义一样。
4.map vs for循环
使用map()
函数方法循环遍历数组的项。
var squares = [1, 2, 3, 4].map(function (val) {
return val * val;
});
// squares will be equal to [1, 4, 9, 16]
1.不改变原数组。
2.返回还是一个数组,值为原始数组调用函数处理后的值。
3.不会对空数组进行检测
5. 四舍五入
toFixed()
方法将四舍五入的数字转换为指定的小数位数。
注意:
toFixed()
返回的是字符串而不是数字。
6. 使用console.table
你可以使用console.table
以表格格式显示对象:
dos界面中显示
7. 多条件检查
if (value === 1 || value === 'one' || value === 2 || value === 'two') {
}
//indexOf
if ([1, 'one', 2, 'two'].indexOf(value) >= 0) {
}
//includes
if ([1, 'one', 2, 'two'].includes(value)) {
}