我正在使用此 JavaScript 遍历数组并找到匹配的数组元素：
var remSize = [],
szString, remData, remIndex, i;
for (i = 0; i < remSize.length; i++) {
// I'm looking for the index i, when the condition is true
remSize[i].size == remData.size ? remIndex = i : remIndex = -1;
}
该数组包含这些“大小”： ["34", "36", "38"...]。
remData.size 是我正在寻找的“尺寸”（例如“36”）。
i如果我要搜索的大小在索引中，我需要返回索引。否则我需要返回-1。有一个更好的方法吗？
要for在 JavaScript 中尽早停止循环，请使用break：
var remSize = [],
szString,
remData,
remIndex,
i;
/* ...I assume there's code here putting entries in `remSize` and assigning something to `remData`... */
remIndex = -1; // Set a default if we don't find it
for (i = 0; i < remSize.length; i++) {
// I'm looking for the index i, when the condition is true
if (remSize[i].size === remData.size) {
remIndex = i;
break; // <=== breaks out of the loop early
}
}
如果您在 ES2015（又名 ES6）环境中，对于此特定用例，您可以使用Array#findIndex（查找条目的索引）或Array#find（查找条目本身），两者都可以填充/填充：
var remSize = [],
szString,
remData,
remIndex;
/* ...I assume there's code here putting entries in `remSize` and assigning something to `remData`... */
remIndex = remSize.findIndex(function(entry) {
return entry.size === remData.size;
});
Array#find：
var remSize = [],
szString,
remData,
remEntry;
/* ...I assume there's code here putting entries in `remSize` and assigning something to `remData`... */
remEntry = remSize.find(function(entry) {
return entry.size === remData.size;
});
Array#findIndex在回调第一次返回真值时停止，将调用的索引返回给回调；它返回-1如果回调从不返回truthy值。Array#find当它找到你正在寻找的东西时也会停止，但它返回条目，而不是它的索引（或者undefined如果回调从不返回真值）。
如果您使用的是 ES5 兼容环境（或 ES5 shim），您可以在数组上使用新some函数，它会调用回调，直到回调返回真值：
var remSize = [],
szString,
remData,
remIndex;
/* ...I assume there's code here putting entries in `remSize` and assigning something to `remData`... */
remIndex = -1; // <== Set a default if we don't find it
remSize.some(function(entry, index) {
if (entry.size === remData.size) {
remIndex = index;
return true; // <== Equivalent of break for `Array#some`
}
});
如果您使用 jQuery，则可以使用jQuery.each遍历数组；看起来像这样：
var remSize = [],
szString,
remData,
remIndex;
/* ...I assume there's code here putting entries in `remSize` and assigning something to `remData`... */
remIndex = -1; // <== Set a default if we don't find it
jQuery.each(remSize, function(index, entry) {
if (entry.size === remData.size) {
remIndex = index;
return false; // <== Equivalent of break for jQuery.each
}
});
使用 for of 循环代替它是 ES2015 版本的一部分。与 forEach 不同，我们可以使用 return、break 和 continue。见https://hacks.mozilla.org/2015/04/es6-in-depth-iterators-and-the-for-of-loop/
let arr = [1,2,3,4,5];
for (let ele of arr) {
if (ele > 3) break;
console.log(ele);
}
逻辑不正确。它总是返回数组中最后一个元素的结果。
remIndex = -1;
for (i = 0; i < remSize.length; i++) {
if (remSize[i].size == remData.size) {
remIndex = i
break;
}
}
我知道这有点旧，但不是使用 for 循环遍历数组，使用该方法会容易得多 <array>.indexOf(<element>[, fromIndex])
它遍历数组，查找并返回值的第一个索引。如果该值不包含在数组中，则返回 -1。
<array>是要查看的数组，<element>是您要查找的值，[fromIndex]是开始的索引（默认为 0）。
我希望这有助于减少代码的大小！
也可以使用everyJavascript 的方法。当条件不为真时，它会停止执行。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every
remIndex = -1;
remSize.every((rem, index) => {
if (rem.size == remData.size) {
remIndex = i
return false
}
return true
})