对JavaScript对象（或数组）访问用[]的理解

最新推荐文章于 2022-04-14 23:42:23 发布

peng_daoyuan1987

最新推荐文章于 2022-04-14 23:42:23 发布

阅读量622

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/peng_daoyuan1987/article/details/17613567

版权

8 篇文章 0 订阅

订阅专栏

先看个数组的例子：

<html>
<head>
</head>
 <body>
</body>
</html>
<script>
	var fns=[7,9];
	alert(fns[""]);//undefined
</script>

运行得到的结果是undefined，这是为什么呢？

一直以来，我都认为方括号里的值都是其他类型转成数字类型，在JavaScript里空字符串“”转成数字类型的值是0,

所以我想fns[""]应该变成fns[0]，应该能取到值7，但是结果却不是，

因为方括号里的值应该是其他类型转换成字符串类型的值，比如：

<html>
<head>
</head>
 <body>
</body>
</html>
<script>
	var fns=[7,9];
	alert(fns[0]);//7
</script>

结果就是7，内部做了如下转换：在JavaScript里数字0转成字符串是"0",所以可以得到对应的下标为0的值7。

下面我们再看个普通对象的例子：

<html>
<head>
</head>
 <body>
</body>
</html>
<script>
	var a={x:1};
	alert(a.x);//1
</script>

这个例子没有用方括号，而是用的句号和标识符，用来查找这个标识符指定的属性的值。所得到的值是1。

有些人在想是不是将句号换成方括号，也能访问吧，我们换成方括号：

<html>
<head>
</head>
 <body>
</body>
</html>
<script>
	var a={x:1};
	alert(a[x]);
</script>

此时会在a[x]那行会报错：“x未定义”。所以此时如果我将方括号里的x换成字符串“x”呢：

<html>
<head>
</head>
 <body>
</body>
</html>
<script>
	var a={x:1};
	alert(a["x"]);//1
</script>

这时运行成功，得到值1。

说明用方括号访问时：对象用属性名访问属性值和数组用下标访问元素值，方括号里的类型最终会变成字符串类型的。

关注