문자열 인 객체 리터럴 키에 액세스하려고 시도합니다.

Question

객체 리터럴에서 문자열을 키로 사용하고 해당 문자열을 HTML 요소의 데이터 속성에 추가하는 함수에서 해당 문자열을 사용하려고합니다. . 기본 아이디어는 사용자 ID를 작성한 후 특정 사용자에게 업데이트/삭제를 요청하는 것입니다. 생성 부분이 잘 작동합니다.

먼저 내 li 요소에 정보를 입력해야 클릭하면 원하는 ID를 얻을 수 있습니다. 아래 코드는 객체 내부에 ID가 포함되어 있기 때문에 작동합니다. 문자열을 사용하기 위해 객체 안의 문자열 (userguid 키)을 복제하는 것은 어리 석고 잘못되었습니다. 그것을 사용

users = { 
    "0c7270bd-38e8-4db2-ae92-244de019c543": { 
    datecreated: "2013-10-15", 
    email: "jimmy@example.com", 
    firstname: "Jimmy", 
    lastname: "Smith", 
    username: "jimmysmith", 
    password: "foobar", 
    notify: "barbour@4j.lane.edu", 
    userguid: "0c7270bd-38e8-4db2-ae92-244de019c543" 
    }, 
    "0c7270bd-38e8-4db2-ae92-244de019mju7": { 
    datecreated: "2013-10-16", 
    email: "mary@example.com", 
    firstname: "Mary", 
    lastname: "Jones", 
    username: "maryjones", 
    password: "foobar2", 
    notify: "barbour@4j.lane.edu", 
    userguid: "0c7270bd-38e8-4db2-ae92-244de019mju7" 
    } 
}; 

기능 :

displayUserList = function() { 
    var newHTML; 
    users = JSON.parse(localStorage["users"]); 
    newHTML = []; 
    $.each(users, function(index, user) { 
    return newHTML.push('<li data-userguid="' + user.userguid + '" data-firstname="' + user.firstname + '"><span class="userfullname">' + user.firstname + ' ' + user.lastname + '</span></li>'); 
    }); 
    /* 
    jquery css going on here 
    */ 
}; 

내가 객체의 내부에서 userguid 싶어. 그 문자열을 대상으로하고 HTML로 가져 오는 데는 여러 가지 방법을 시도했지만 아무 것도 작동하지 않습니다. 또한 업데이트 및 삭제 대상으로 지정할 수 있기를 원합니다.

난 내가 객체 리터럴을 사용하는 기본 규칙을 누락 같은 느낌을 시작하고

user  user[user] user.user 

을 시도했습니다,하지만 난 내 검색에 그것을 발견하지 않았습니다.

도움 주셔서 감사합니다. 당신이 문에 return 필요하지 않습니다

newHTML.push('<li data-userguid="' + index + '" data-firstname="' + user.firstname + '"><span class="userfullname">' + user.firstname + ' ' + user.lastname + '</span></li>'); 

: 당신이 할 수 있도록

찰리 매기는

Answer 1

$.each와 객체 반복, 인덱스 매개 변수 키를받습니다. $.each()이 반환 값을 가지고 수행하는 유일한 것은 ===false에 대한 테스트입니다. 그렇다면 루프가 끝납니다.