javascript - 如何引用字符串数组中的字符串？

Question

我有以下内容：

var tags = ["Favorite", "Starred", "High Rated"];

for (var tag in tags) {
    console.log(tag);
}

输出是

0
1
2

我希望它输出：

Favorite
Starred
High Rated

我该怎么做呢？谢谢。

Answer 1

遍历数组：

那是一个字符串数组，不要使用for..in，使用 vanillafor循环：

var tags = ["Favorite", "Starred", "High Rated"];
for (var i = 0; i < tags.length; i++) { // proper way to iterate an array
    console.log(tags[i]);
}

输出：

Favorite
Starred
High Rated

正确使用for..in：

它适用于对象的属性，例如：

var tags2 = {"Favorite": "some", "Starred": "stuff", "High Rated": "here"};
for (var tag in tags2) { // enumerating objects properties
    console.log("My property: " + tag +"'s value is " +tags2[tag]);
}

输出：

My property: Favorite's value is some
My property: Starred's value is stuff
My property: High Rated's value is here

for..in使用数组的副作用：

不要相信我的话，让我们看看为什么不使用它：for..in在数组中可能有副作用。看一看：

var tags3 = ["Favorite", "Starred", "High Rated"];
tags3.gotcha = 'GOTCHA!'; // not an item of the array

// they can be set globally too, affecting all arrays without you noticing:
Array.prototype.otherGotcha = "GLOBAL!";

for (var tag in tags3) {
    console.log("Side effect: "+ tags3[tag]);
}

输出：

Side effect: Favorite
Side effect: Starred
Side effect: High
Side effect: GOTCHA!
Side effect: GLOBAL!

请参阅这些代码的演示小提琴。

Answer 2

在 JavaScript 中使用ininfor循环与:在 Java 中或在其他语言中使用 foreach 不同 - 它不是提供对元素的引用，而是提供其索引。如果你使用像 jQuery 这样的框架，有一个方法 -$.each在迭代时可以通过回调访问元素（不仅是索引）：

var a = ["Favorite", "Starred", "High Rated"];
$.each ( a, function ( index, data ) 
{
   console.log ( data );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>