我正在寻找一种简单的方式，使用javascript对多个维度进行查找数值：
比如，（我将使用产品和产品选项来描述这个问题，数据以非常相似的格式来自数据库）
Colour Size Price
Blue S £45
Blue L £98
Red S £65
Red L £31
那么我在页面上有一些下拉菜单
Colour: Blue, Red
Size: Small, Large
所以 - 我想知道...给定"蓝色+小号"，它的价格是多少
我不知道下拉框的顺序是什么，也不知道从数据库中提取颜色和尺寸的顺序
Javascript中的数据可能是这样的数组:
{Colour:Blue, Size:Medium, Price:48},{Colour:Blue, Size:Large, Price:82}
这只是一个简单的示例，但我无法找到一种在JavaScript中实现这个目标的简便方法。
在页面加载时，您可以使用可工作的fiddle将价格索引到二维地图中。
1）我将选择的值放入查找表中，以防必须预加载它们：
var tables = {
Colour: ["Blue", "Red"],
Size: ["Small", "Medium", "Large"]
};
2) 这是您的价格表以数组形式呈现：
var array = [
{Colour: "Blue", Size: "Small", Price: 45},
{Colour: "Blue", Size: "Medium", Price: 48},
{Colour: "Blue", Size: "Large", Price: 98},
{Colour: "Red", Size: "Small", Price: 65},
{Colour: "Red", Size: "Large", Price: 31}
];
3) 初始化选择器（填充值和事件“change”）:
for (var key in tables)
if (tables.hasOwnProperty(key)) {
selects[key] = form[key];
selects[key].addEventListener("change", updateSpan);
var values = tables[key];
len = values.length;
for (i = 0; i < len; i++) {
var option = document.createElement('option');
option.appendChild(document.createTextNode(values[i]));
form[key].appendChild(option);
}
}
4) 将价格表编入索引：
len = array.length;
for (i = 0; i < len; i++) {
var record = array[i];
if (typeof map[record.Colour] === 'undefined')
map[record.Colour] = {};
map[record.Colour][record.Size] = record.Price;
}
5）在选择更改时更新span函数：
function updateSpan() {
var Colour = selects.Colour.options[selects.Colour.selectedIndex].value;
var Size = selects.Size.options[selects.Size.selectedIndex].value;
if (typeof map[Colour] !== 'undefined' && typeof map[Colour][Size] !== 'undefined')
span.textContent = map[Colour][Size];
else
span.textContent = "Price not defined to Colour: " + Colour + " and Size: " + Size + ".";
}
6) 调试（在Chrome或Firefox中按F12以打开控制台视图）。
完整索引表：
console.log(map);
仅显示 'Blue' 和 'Small' 的价格：
console.log(map['Blue']['Small']); // outputs the value: 45
var filter = {Colour: 'blue', Size:'small'};
function matches_filter(filter, item){
//you can also have variations on this function that
//allow for functions, regexes or anything you like in the filter...
for(var key in filter){
if Object.prototype.hasOwnProperty.call(filter, key){
if(item[key] !== filter[key]){
return false;
}
}
}
return true;
}
var filtered_items = [];
for(var i=0; i<items.length; i++){
var item = items[i];
if(matches_filter(filter, item)){
filtered_items.push(item);
}
}
暴力破解的原因是，如果你有一个数据集足够大，需要更好的算法，那么最好的方法就是将查询发送回服务器，让其数据库为您完成艰苦的工作。
如果您需要更完整的示例，请查看Dojo工具包中的此代码。
var data = {
1: {
2: {
3: 45
}
},
2: {
2: {
3: 98
}
}
};
console.log(data[1][2][3]); // 45
console.log(data[2][2][3]); // 98
// or
var A = 1, B = 2, C = 3;
console.log(data[A][B][C]); // still 45
const color = {
BLUE: 0,
RED: 1
}
const size = {
SMALL : 0,
LARGE : 1
}
Value assignments:
var prices[10][2];
prices[color.BLUE][size.SMALL] = 40;
prices[color.BLUE][size.LARGE] = 80;
var answer = data[1][2][3];或answer = data[2][2][3];。当然，您必须使用正确的数据填充这个三维数组。 - jfriend00