Jquery를 사용하여 자바 스크립트 객체 조작 $ .each()

Question

내가 뭘 잘못하고 있니?

var menu = { 
    menuset : { 
     first : false, 
     second : false, 
     third : false 
    }, 
    setMenus : function (selected) { 

     var menuCollection = this.menuset; 

     $.each(menuCollection, function (key, element) { 
      if (selected===key) { 
       key=true; 
      } else { 
       key=false; 
      } 
     }); 
    } 
} 

내가 실행

"menu.setMenus (첫번째)"나는이 같은 개체를 설정하려면 :

menuset : { 
     first : true, 
     second : false, 
     third : false 
    } 

내가 $ .each() 이외의 것을 사용되어야한다 ??

Answer 1

시도 -

var menu = { 
    menuset : { 
     'first' : false, 
     'second' : false, 
     'third' : false 
    }, 
    setMenus : function (selected) { 

     var menuCollection = this.menuset; 

     $.each(menuCollection, function (key, element) { 
      if (selected === key) { 
       menuCollection[key] = true; 
      } else { 
       menuCollection[key] = false; 
      } 
     }); 
    } 
} 

menu.setMenus('first'); 

데모 - http://jsfiddle.net/nu9v2/

Answer 2

몇 가지 :

1. first는 this.menuset의 속성입니다,하지만 당신은 단지 first로 전달된다.
2. $.each의 콜백 fn에 대한 첫 번째 인수는 정수 인덱스이지만 은 부울로 전달됩니다.

Answer 3

필요하지 않은 jQuery를

var menu = { 
    menuset : { 
     'first' : false, 
     'second' : false, 
     'third' : false 
    }, 
    setMenus : function (selected) { 
     // set other values to false 
     var keys = Object.keys(this.menuset); 
     for (var i = 0, len = keys.length; i < len; i++) { 
      this.menuset[keys[i]] = false; 
     } 
     // set correct value to true 
     this.menuset[selected] = true; 
    } 
} 

Example

Answer 4

쉬 ould 나는 $ .each() 이외의 것을 사용하고 있습니까?

나는 map 여기에 더 좋을 것이라고 생각 :

setMenus: function (selected) { 
    this.menuset = $.map(this.menuset, function(val, key) { return key == selected }) 
}