js里的for循环

最新推荐文章于 2024-07-07 20:01:01 发布

李笙诗

最新推荐文章于 2024-07-07 20:01:01 发布

阅读量889

点赞数

分类专栏： VUE 文章标签： js

本文链接：https://blog.csdn.net/qq_17449435/article/details/118721635

版权

VUE 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

这篇博客探讨了JavaScript中for循环的基础用法、for...in和for...of的区别，以及如何使用展开运算符处理数组。示例代码展示了如何遍历数组并打印元素，特别是针对偶数的筛选。同时，提到了数组拼接和打印的实现。

摘要由CSDN通过智能技术生成

对于js里的for循环

基础写法

const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
for (let i = 0;i<digits.length;i++){
	console.log(digits[i])
},

定义一个变量i，设定它的初始值为0，设定i最大值不得大于数组digits的长度，每次运行循环后 i 增加1

for in 写法

定义变量i，不需要初始化，声明它来自于数组digits，取下标就能遍历数组

for (let i in digits){
	console.log(digits[i])
},

for of 写法

最类似python的写法

等同python里的for i in range

对于数组digits里的每个值有变量i

打印变量i

（这里加了个小判定即对 i 取它与二的余数，如果取余数为零成立则打印

for (let i of digits){
	if (i % 2 === 0){
		console.log(i)
	}
}

使用…展开的写法

有数组digits

console.log(…digits)

会把数组里的元素取引号打印

但是如果是这种写法

<script>
	const fruits = ["apples", "bananas", "pears"];
	const vegetables = ["corn", "potatoes", "carrots"];
	const produce = [...fruits,...vegetables];
    console.log(...produce);
</script>

虽然打印出来的值为

apples bananas pears corn potatoes carrots

但是在传值过程中仍然以array数组形式传递

在这里插入图片描述

全代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>

</head>


<body>
    <script>

	const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
	console.log(...digits);
	const fruits = ["apples", "bananas", "pears"];
	const vegetables = ["corn", "potatoes", "carrots"];
	const produce = [...fruits,...vegetables];
	debugger
	console.log(...produce);
	
	for (let i = 0;i<digits.length;i++){
		console.log(digits[i])
	}
	for (let i in digits){
		console.log(digits[i])
	}
	for (let i of digits){
		if (i % 2 === 0){
			console.log(i)
		}
	}
	// for (const index in digits) {
	// console.log(digits[index]);
	// }
	
    </script>
</body>
</html>

for (const index in digits) {
// console.log(digits[index]);
// }

</script>

```

李笙诗

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js里的for循环

对于js里的for循环基础写法const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];for (let i = 0;i<digits.length;i++){ console.log(digits[i])},定义一个变量i，设定它的初始值为0，设定i最大值不得大于数组digits的长度，每次运行循环后 i 增加1for in 写法定义变量i，不需要初始化，声明它来自于数组digits，取下标就能遍历数组for (let i in digits){
复制链接

扫一扫

专栏目录