JavaScript实用小技巧(1)

本文分享了五个实用的JavaScript编程技巧,包括使用逻辑与运算符简化条件判断、在循环中优化数组长度读取、检查对象属性存在性、快速获取数组最后一个元素及合并两个数组。这些技巧能够提升代码效率和可读性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1 并条件符的妙用
if(checked) {
    console.log("true");
}

那么可以利用“&&”的条件符把这三行代码合并成一行代码:

checked && console.log("true");
2 在循环中缓存array.length

基本上,写一个这样的同步迭代的数组是最基础的:

for(var i = 0; i < array.length; i++) {
    console.log(array[i]);
}

但是一旦数组太大影响性能,所以一般建议写成这样:

for(var i = 0, length = array.length; i < length; i++) {
    console.log(array[i]);
}
3 检测对象中属性

如果你想使用document.querySelector()来选择一个id,并且让它能兼容IE6浏览器,但是在IE6浏览器中这个函数是不存在的,那么使用这个操作符来检测这个函数是否存在就显得非常的有用,如下面的示例:

let id;
if ('querySelector' in document) {
    id = document.querySelector("#id");
} else {
    id = document.getElementById("id");
}
4 利用slice函数 获取数组中最后一个元素
var array = [1,2,3,4,5,6];
console.log(array.slice(-1)); // [6]
console.log(array.slice(-2)); // [5,6]
console.log(array.slice(-3)); // [4,5,6]
5 合并数组
var array1 = [1,2,3];
var array2 = [4,5,6];
console.log(array1.concat(array2)); // [1,2,3,4,5,6];

参考链接:http://web.jobbole.com/86146/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值