JavaScript for循环从入门到偏门(效率优化+奇特用法):
1. for循环基础语法
for循环是Javascript中最常用的语句之一,它基本语法如下:
for (let i = 0; i < length; i++) {
// 循环体
}
- i可以自定义变量名
- length代表你想要循环的次数
- i++表示每次循环i值都会自增1
- 循环体代表每次循环需要执行的代码块
下面是一个简单的例子,输出1到5的整数:
for (let i = 1; i <= 5; i++) {
console.log(i);
}
输出结果:
1
2
3
4
5
2. for循环效率优化
通常情况下,使用for循环来进行数组或对象的遍历,需要注意效率。
数组遍历
在处理数组过程中,一些小技巧能够让for循环执行效率更高:
-
将数组长度存储在一个变量中,避免每次循环都进行一次数组长度的计算
-
从数组尾部遍历,即从
a4
遍历到a1
,而不是从a1
遍历到a4
。这种做法可以减少数组复制的次数,提高效率
下面是示例代码:
let array = ["a1", "a2", "a3", "a4"];
// 遍历优化前
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
// 遍历优化后
for (let i = array.length - 1; i >= 0; i--) {
console.log(array[i]);
}
对象遍历
当对对象进行循环遍历时,可以使用Object.keys()
将对象属性名称以数组形式返回,在使用for循环输出。这种方法比使用for...in
循环遍历实现更为高效。
例如:
// 对象遍历优化前
let obj = {"name": "Harry", "age": 30};
for (let key in obj) {
console.log(key + ": " + obj[key]);
}
// 对象遍历优化后
let obj2 = {"name": "Harry", "age": 30};
let keys = Object.keys(obj2);
for (let i = 0; i < keys.length; i++) {
console.log(keys[i] + ": " + obj2[keys[i]]);
}
3. for循环奇特用法
除了基本的for循环语法和优化方法,我们还可以使用一些奇特用法。下面是列举了其中的两条:
用for...in循环遍历对象属性
for...in循环可以遍历对象的属性。例如,在输出对象每个属性的值时,可以使用以下代码:
let obj3 = {"color": "red", "size": "medium", "price": 20};
for (let key in obj3) {
console.log(obj3[key]);
}
用多重for循环遍历多维数组
当处理多维数组时,可以使用多个for循环实现遍历:
let arr = [["a", "b"], ["c", "d"]];
for (let i = 0; i < arr.length; i++) {
for (let j = 0; j < arr[i].length; j++) {
console.log(arr[i][j]);
}
}
以上就是JavaScript for循环从入门到偏门的完整攻略,其中包含了基本语法、效率优化以及一些奇特用法。通过学习这些,相信你对JavaScript中的for循环语句有了更深入的了解。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript for循环从入门到偏门(效率优化+奇特用法) - Python技术站