用示例代码演示js中的所有循环代码的性能
时间: 2024-04-29 20:23:00 浏览: 11
循环是JavaScript中最常用的语句之一,它可以重复执行一段代码多次。在实际应用中,循环的性能是非常重要的,因为它可能是代码中最耗时的部分之一。下面是一些示例代码,演示了JavaScript中的所有循环代码的性能。
1. for循环
for循环是JavaScript中最常用的循环语句之一。它可以循环一个指定次数的代码块。
示例代码:
```
var sum = 0;
for (var i = 0; i < 1000000; i++) {
sum += i;
}
console.log(sum);
```
2. while循环
while循环是JavaScript中另一个常用的循环语句。它可以循环一个代码块,直到指定的条件不成立。
示例代码:
```
var sum = 0;
var i = 0;
while (i < 1000000) {
sum += i;
i++;
}
console.log(sum);
```
3. do-while循环
do-while循环是一种类似于while循环的循环语句,但它保证代码块至少被执行一次。
示例代码:
```
var sum = 0;
var i = 0;
do {
sum += i;
i++;
} while (i < 1000000);
console.log(sum);
```
4. for-in循环
for-in循环可以循环一个对象的属性。它通常用于遍历数组或对象。
示例代码:
```
var obj = {a: 1, b: 2, c: 3};
for (var prop in obj) {
console.log(prop + ": " + obj[prop]);
}
```
5. for-of循环
for-of循环是ES6中新增的循环语句。它可以循环一个可迭代对象(如数组或字符串)的值。
示例代码:
```
var arr = [1, 2, 3];
for (var val of arr) {
console.log(val);
}
```
6. forEach循环
forEach是数组的一个方法,它可以循环数组的每个元素,并对每个元素执行指定的操作。
示例代码:
```
var arr = [1, 2, 3];
var sum = 0;
arr.forEach(function(val) {
sum += val;
});
console.log(sum);
```
7. map循环
map是数组的另一个方法,它可以循环数组的每个元素,并返回一个新的数组。
示例代码:
```
var arr = [1, 2, 3];
var newArr = arr.map(function(val) {
return val * 2;
});
console.log(newArr);
```
在实际使用中,要根据具体情况选择合适的循环语句,以确保代码的性能和可读性。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)