[英]JavaScript: indexOf in Associative/Object array?
我有這個數組:
var skins = {};
skins.w = "http://example.com/public/images/char_elements/base.png";
var eyes = {};
eyes.b = "http://example.com/public/images/char_elements/eyes/blue.png";
eyes.g = "http://example.com/public/images/char_elements/eyes/green.png";
eyes.r = "http://example.com/public/images/char_elements/eyes/red.png";
var hair = {};
hair.b = "http://example.com/public/images/char_elements/hair/black.png";
hair.w = "http://example.com/public/images/char_elements/hair/blond.png";
hair.s = "http://example.com/public/images/char_elements/hair/brown.png";
var mouth = {};
mouth.h = "http://example.com/public/images/char_elements/mouth/happy.png";
var pants = {};
pants.s = "http://example.com/public/images/char_elements/pants/shorts.png";
var shoes = {};
shoes.b = "http://example.com/public/images/char_elements/shoes/black.png";
var torso = {};
torso.s = "http://example.com/public/images/char_elements/torso/shirt.png";
而這個功能:
function SwitchElement(type){
switch(type){
case "eyes":
var cur = eyes.indexOf(document.getElementById(type).src);
console.log(cur);
// var eyesId = document.getElementById("
break;
}
}
所有這一切都被稱為:
<img class="builder_control_front" src="http://claro.mib.infn.it/arrow.png" onclick="SwitchElement('eyes');"/>
所以基本上當用戶點擊箭頭時,它會調用javascript函數來獲取當前圖像,獲取元素所在的數組索引(在本例中為數組:“eyes”)並循環遍歷它。
我需要通過url獲取索引,當我嘗試使用indexOf它拋出未定義時,我讀到如果數組已命名索引,JavaScript將把數組轉換為Object。
那么我能獲得當前加載圖像的索引嗎?
注意:我需要有以下代碼的數組:b,g,r,w,w4,b3等。所以更改為普通數組不是一個選項,或許更改為多維數組會更好?
為什么不迭代你的對象並找到包含值的鍵:
function findKey(obj, value) {
for (var key in obj) {
if (obj[key] == value) return key
}
return null;
}
var key = findKey(eyes, document.getElementById(type).src);
if (key != null) {
} else {
}
你需要的是反向查找。 假設您的所有網址都是唯一的,您可以創建一個這樣的網址:
function invert(obj) {
var newObj = {};
for(var key in obj) {
if (obj.hasOwnProperty(key)) {
newObj[obj[key]] = key;
}
}
}
var hair = {};
hair.b = "http://example.com/public/images/char_elements/hair/black.png";
hair.w = "http://example.com/public/images/char_elements/hair/blond.png";
hair.s = "http://example.com/public/images/char_elements/hair/brown.png";
var hairReverse = invert(hair);
var url = "http://example.com/public/images/char_elements/hair/black.png";
console.log(hairReverse[url]); // logs "b"
如果你正在使用Lodash / Underscore,它有一個內置的反轉功能 :
var hairReverse = _.invert(hair);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.