javascript”;ors”-它们可以组合成一个数组吗
javascript "ors" - can they be combined into an array?
想知道是否可以提高javascript的效率。我有一个var JSP="JSP的名称">
我在javascript验证文件中有语句:
if(( JSP == "test.html" ) || ( JSP == "test1.html") || ( JSP == "test2.html" )) then blah blah blah.
有没有更有效的方法可以做到这一点?
如果您知道JSP
包含一个字符串,那么使用===
而不是==
会稍微高效一些。还要注意,您不需要所有这些parens:
if (JSP === "test.html" || JSP === "test1.html" || JSP === "test2.html") {
// do something
}
您也可以使用正则表达式:
if (/^test[12]?'.html$/.test(JSP)) {
// do something
}
但这取决于你所说的"高效"是什么意思。===
系列在运行时会非常高效。
另外,可以使用switch
:
switch (JSP) {
case "test.html":
case "test1.html":
case "test2.html":
// Do it
break;
}
但我不会说它更有效率。
我肯定会而不是把选项放在数组中,因为在数组中搜索不会有效率。但你可以使用地图:
var pages = {
"test.html": true,
"test1.html": true,
"test2.html": true
};
然后这个测试:
if (pages[JSP] === true) {
// do something
}
这导致相当有效的属性查找。只有当您创建对象一次并重用它时,这才是合理的。
(你可能会有人说"或者只使用if (pages[JSP]) { ... }
。但如果JSP恰好包含"toString"或"valueOf",或者空白对象从Object.prototype
获得的其他几个继承属性中的任何一个,那就失败了。不过,如果你确定它不会有任何这些值,那也没关系。(
您可以使用以下键创建对象:
var theThings = { "test.html": true, "test1.html": true, "test2.html": true };
if (theThings[JSP]) { /* whatever */ }
如果只有三到四个,那可能不值得,但如果有几十个,那肯定会更快,尤其是如果测试进行了几次。
编辑—哇,伙计们,我在里面哭了。属性名称查找将比数组中的线性搜索快。
var arr = ['test.html', 'test1.html', 'test2.html'];
if (arr.indexOf(JSP)) != -1) {
alert("found it!");
}
此处的相关文档。
if( JSP in {"test.html":0, "test2.html":0, "test3.html":0} ) {
...
}
它与SQL的IN( 1, 2, 3)
的关系并不比javascript:-(
if (["test.html", "test1.html", "test2.html"].indexOf(JSP) > -1)
对于在数组上不支持indexOf
的浏览器,MDC建议使用添加缺失功能的短代码。
可能效率不高,但你有更干净的方法。例如,你可以使用这样的开关案例:
switch(JSP) {
case 'test.html':
case 'test1.html':
case 'test2.html':
blablabla; break;
}
或者你可以用url创建一个数组,看看你的字符串是否在数组中,就像这个一样
var arr = [
'test.html', 'test1.html',
'test2.html'
];
if(arr.indexOf(JSP) != -1) { blablabla; }
最后一个不会在所有浏览器中都起作用。
jQuery中的一种方法是使用inArray方法,例如:
if ($.inArray(JSP, ["test.html", "test1.html", "test2.html"]) > -1) {
// your code
}
inArray
方法的工作方式与String.indexOf
类似,因此如果不匹配,则返回-1
。
使用正则表达式?
if (/^test'd?'.html$/.test(JSP)) { ... }
不过,我不能保证这会更高效,只是代码更整洁。
或者,如果您已经在使用jQuery,您可以使用jQuery.inArray((:
var names = ['test.html', 'test2.html', 'test3.html'];
if ($.inArray(JSP, names)) { ... }
或者使用undercore.js
var names = ['test.html', 'test2.html', 'test3.html'];
if (_.indexOf(names, JSP) !== -1) { ... }
- Javascript(Angular)从一个对象数组到第二个数组查找值
- 根据id将json数组组合为一个json数组
- JavaScript数组包含一个值
- 对一个对象使用reduce可以返回一个没有't在数组中包含目标字母
- jQuery$.inArray()总是返回-1和一个对象数组
- 在数组中的一个元素上设置多个值
- javascript处理一个对象数组以获得一个新的对象数组
- 作为一个二维数组,从ajax接收
- 你能用来自数组的属性名称生成一个对象吗
- 多维关联数组的最后一个索引
- 如何创建一个方法来验证数组的范围
- 循环以检查数组中的最后一个图像
- 在Javascript中将一个值和字符串数组转换为if语句
- 算法:从数组(javascript/angular)中按当前日期获取上一个和下一个事件
- 如何将一个对象添加到每个对象数组中
- 如何创建一个谷歌地图地理坐标数组
- 如何从另一个带下划线的数组中筛选带元素的数组
- 如何在PHP数组中加载下一个youtube
- 查找对象数组是否包含其中一个标记的最快方法
- 如何使用Javascript和Ajax传递一个HTML选择标签到PHP $_POST与一个(数组)var当名称属性是一个