gpt4 book ai didi

javascript - 嵌套数组中的 jQuery .each()

转载 作者:行者123 更新时间:2023-12-03 10:54:00 24 4
gpt4 key购买 nike

对于这么长的帖子,我深表歉意,但我会给你完整的故事。我有一个页面列出了一些产品,每个产品下面都有一个小的 jQueryUI 日历来选择交货日期。我不会解释为什么,但我必须用客户端脚本做我正在做的事情。

我正在使用 jQuery 循环遍历每个产品名称。对于每个关键字,它都会检查一组关键字,如果在数组中的任何位置找到该产品名称,就会采取行动。

结束操作将使用对关联日历日期选择器的调用,并对其应用最小和最大日期(这很简单)。

我现在遇到的问题是,我决定对产品名称和您可以选择交付这些产品的日期使用嵌套数组。因此,我不仅仅是一组关键字,而是:

var keywordArray = [
//product name, start date, end date
["foo","2/1/2014","2/13/2014"],
["bar","2/7/2014","2/12/2014"]
];

因此“foo”只能在 2/1 到 2/13 之间传递。

<小时/>鉴于此,我需要修改遍历数组的内部循环,但我还没有弄清楚如何做到这一点。当数组只是一个简单的关键字数组时,它效果很好,但现在我需要测试数组数组中每个数组的第一个元素(真是拗口)。

function checkAllowedDates() {
$("div[id^='delivery_product_name_']").each(function(index) { //outer loop (each product name)

str = $("div#delivery_product_name_"+parseInt(index+1)).text(); //gets text inside 'delivery_product_name_1', _2, etc...

$.each(keywordArray,function(index,value){ //test all array values to see if any are in the product name

if (str.toLowerCase().indexOf(value) >= 0) { //contains a keyword
console.log(str+ " contains the special keyword " + value);
}
});
});
}

我尝试使用 value[0],没有骰子。我用 google/binged 搜索了如何使用嵌套数组,并找到了一些很好的例子,我可能可以使用普通的 for 循环来完成它,但我真的想在这方面使用 jQuery。

如此简短的形式:如何使用 $.each() 循环遍历数组数组,并测试每个内部数组(产品名称字符串)的第 0 个索引以查看是否与我的外循环的当前产品名称文本匹配吗?

最佳答案

为什么不简单地使用更容易使用的数据结构,例如:

var keywordObj = {
foo: ["2/1/2014","2/13/2014"],
bar: ["2/7/2014","2/12/2014"]
};

这样您就有了一个可以执行查找的 key 。这可以防止您根本不需要执行嵌套循环。您可以简单地根据 str 值获取开始/结束日期,如下所示:

var startDate = keywordObj[str][0];
var endDate = keywordObj[str][1];

您甚至可以使用嵌套对象来获取特定的 startDate/endDate 属性,例如

var keywordObj = {
foo: {
startDate: "2/1/2014",
endDate: "2/13/2014"
},
bar: {
startDate: "2/7/2014",
endDate: "2/12/2014"
}
};

然后访问如下:

var selectedItem = keywordObj[str];
console.log(selectedItem.startDate);
console.log(selectedItem.endDate);

总而言之,因为您构建数据的方式不是为了轻松查找,所以您必须执行不必要的循环来查找数据结构中要查找的数据。这意味着您的操作的操作复杂度为 O(n),而原本可以为 O(1)。始终考虑您的数据结构以及如何设置它才能以最佳方式获取数据。

关于javascript - 嵌套数组中的 jQuery .each(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28332783/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com