JS--for..in

小伟呀

于 2021-02-01 10:13:01 发布

阅读量70

点赞数

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

本文链接：https://blog.csdn.net/weixin_43879167/article/details/113496026

版权

JS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

文章目录

一、遍历对象元素
二、遍历数组

【for…in用于遍历对象的属性或者数组】

一、遍历对象元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function f1() {
				var p = {
					name: "张三",
					age: 12,
					f0: function() {
						alert('Hello！');
					}
				};
				for (a in p) {
					alert(a + '--' + p[a]);
				};
				p['f0']();
			}
		</script>
	</head>
	<body>
		<button onclick="f1()">按钮</button>
	</body>
</html>

输出：
在这里插入图片描述

for…in结构中，a为属性名，p为对象；p['f0']()为方法调用。

二、遍历数组

【用for…in遍历数组时，遍历结果为数组索引下标】

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function f2(){
				var arr = [8,9,10,45];
				
				for(a in arr){
					alert(a+'--'+arr[a]);
				}
			}
		</script>
	</head>
	<body>
		<button onclick="f2()">按钮2</button>
	</body>
</html>

输出：
在这里插入图片描述

输出前面数字为索引，后边为数组的元素。

小伟呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS--for..in

文章目录一、遍历对象元素二、遍历数组【for…in用于遍历对象的属性或者数组】一、遍历对象元素<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function f1() { var p = { name: "张三", a
复制链接

扫一扫

专栏目录