객체가 생성 된 후 객체에 새 객체를 추가하는 방법

JohnyFree

이것은 내 물건입니다.

var example = {"119":{"bannerId":"119","overlay":"3","type":"1",...},"210":{"bannerId":"210","overlay":"3","type":"1",...},...}

이런 식으로 객체에 매우 쉽게 액세스하거나 수정할 수 있습니다. 예를 들어 새 속성을 추가하려면 다음과 같이 호출하면됩니다.

example[119].newProperty = 1;

그리고 매우 쉽게 액세스 할 수 있습니다.

alert(example[119].newProperty)
alert(example[210].type)

배너 ID를 알면 모든 코드 범위의 데이터에 액세스 할 수 있습니다. 이것이 제가이 패턴을 선택한 이유입니다. 문제는 example생성 된 후 내부에 새 개체를 추가해야한다는 것 입니다. 예를 들어 다음과 같이 푸시해야합니다. { "30": { "bannerId": "119", "overlay": "3", "type": "1", ...}}

그리고 이것이 가능한지 모르겠습니다. 맞나요? 이 문제를 해결하는 한 가지 방법은 배열을 사용하는 것이므로 예제는 배열이고 각 키는 객체를 전달하며 객체와 함께 새 키를 배열로 푸시 할 수 있습니다. 하지만 키가 200, 300, ...로 시작하기 때문에 이것이 적절한 방법인지 확실하지 않습니다. console.log (example)는 200 이전의 모든 키에 대해 undefined를 표시합니다. 빈 키가 너무 많아도 괜찮습니까? 다른 더 좋은 방법이 있습니까?

편집하다:

나는 이것이 객체로도 할 수 있음을 깨달았습니다. 문제는 다음과 같이 새 속성을 새 개체에 직접 할당하려고했기 때문입니다.

example[200].example3 = 2;

예제 객체가 생성되는 것으로 충분하다고 생각합니다. 내가 놓친 것은 다음 줄입니다.

example[200] = {}

답변 해 주셔서 감사합니다. 이제 작동합니다!

kiranvj
var example = {};

example["30"] = {"bannerId":"119","overlay":"3","type":"1"}

console.log(example);

루프 내부에 있다면 아래와 같이 시도해 볼 수도 있습니다.

var i = 0;
var example = {};
for (i=0; i<10; i++) {
  example[i] = {bannerId : i+1 , someOtherItem : i + "Hello"}
}

console.log(example);

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

C ++지도에 객체를 추가하고지도 내에서 새로 생성 된 객체에 대한 참조를 반환하는 방법

분류에서Dev

생성 된 지 30 일 후 arrayList에서 객체를 가져 오는 방법

분류에서Dev

새 Java Resultset 객체를 기존 객체에 할당 한 다음 원래 ResultSet 객체를 닫으면 새로 생성 된 객체가 닫힙니다.

분류에서Dev

Cloud Firestore의 객체에 새 속성을 추가하는 방법

분류에서Dev

Java에서 생성 된 각각의 새 객체로 객체 인스턴스 변수를 하나씩 증가

분류에서Dev

Laravel, 새로 생성 된 객체에서 ID 가져 오기

분류에서Dev

자바 스크립트 의이 객체는 내가 생각하는 방식으로 새로 생성 된 객체를 참조합니까?

분류에서Dev

ng-repeat를 통해 변경된 후 ng-model 객체에 새 속성을 추가합니다.

분류에서Dev

SwiftUI-새로 생성 된 객체를 탐색 링크로 가져 오는 방법

분류에서Dev

CreateView에서 생성 된 객체를 얻는 방법

분류에서Dev

버튼으로 생성 된 객체를 테이블에 추가하는 방법은 무엇입니까?

분류에서Dev

이전에 생성 된 객체를 복사하는 Python 객체,

분류에서Dev

AngularJS-배열의 각 객체에 새 속성을 추가하는 방법

분류에서Dev

Kinetic js 객체에 새 속성을 추가하는 방법 (예 : 선, 원)

분류에서Dev

lodash를 사용하여 기존 객체 배열에서 새 객체 배열을 생성하는 방법

분류에서Dev

함수가 완료된 후 전역 객체에서 var를 얻는 방법

분류에서Dev

ReactJS 객체 속성에 momentJS를 추가하는 방법

분류에서Dev

json 객체에서 새로 추가 된 행에 부모 필드 이름을 추가하는 방법

분류에서Dev

새 stdClass 객체를 추가하는 방법

분류에서Dev

새 stdClass 객체를 추가하는 방법

분류에서Dev

int 값으로 새 배열 객체를 추가하는 방법

분류에서Dev

함수에서 생성 된 객체를 반환하고 오류 / NA가있는 객체를 무시하는 방법은 무엇입니까?

분류에서Dev

require를 통해 생성 된 객체를 모의하는 방법

분류에서Dev

기존 객체의 경우 다른 객체를 수정하지 않고 새로 생성 된 객체를 추가합니다. 여기에는 다른 속성이 없습니다.

분류에서Dev

새로 생성 된 객체에 속성을 설정하는 서비스 단위 테스트 방법

분류에서Dev

새로운 String 객체가 생성되었는지 이해하는 방법

분류에서Dev

객체에서 파생 된 ArrayList를 반복하는 방법

분류에서Dev

새로 생성 된 요소를 jQuery 객체로 가져옵니다.

분류에서Dev

JS에서 생성 된 객체를 함수로 호출하는 방법

Related 관련 기사

  1. 1

    C ++지도에 객체를 추가하고지도 내에서 새로 생성 된 객체에 대한 참조를 반환하는 방법

  2. 2

    생성 된 지 30 일 후 arrayList에서 객체를 가져 오는 방법

  3. 3

    새 Java Resultset 객체를 기존 객체에 할당 한 다음 원래 ResultSet 객체를 닫으면 새로 생성 된 객체가 닫힙니다.

  4. 4

    Cloud Firestore의 객체에 새 속성을 추가하는 방법

  5. 5

    Java에서 생성 된 각각의 새 객체로 객체 인스턴스 변수를 하나씩 증가

  6. 6

    Laravel, 새로 생성 된 객체에서 ID 가져 오기

  7. 7

    자바 스크립트 의이 객체는 내가 생각하는 방식으로 새로 생성 된 객체를 참조합니까?

  8. 8

    ng-repeat를 통해 변경된 후 ng-model 객체에 새 속성을 추가합니다.

  9. 9

    SwiftUI-새로 생성 된 객체를 탐색 링크로 가져 오는 방법

  10. 10

    CreateView에서 생성 된 객체를 얻는 방법

  11. 11

    버튼으로 생성 된 객체를 테이블에 추가하는 방법은 무엇입니까?

  12. 12

    이전에 생성 된 객체를 복사하는 Python 객체,

  13. 13

    AngularJS-배열의 각 객체에 새 속성을 추가하는 방법

  14. 14

    Kinetic js 객체에 새 속성을 추가하는 방법 (예 : 선, 원)

  15. 15

    lodash를 사용하여 기존 객체 배열에서 새 객체 배열을 생성하는 방법

  16. 16

    함수가 완료된 후 전역 객체에서 var를 얻는 방법

  17. 17

    ReactJS 객체 속성에 momentJS를 추가하는 방법

  18. 18

    json 객체에서 새로 추가 된 행에 부모 필드 이름을 추가하는 방법

  19. 19

    새 stdClass 객체를 추가하는 방법

  20. 20

    새 stdClass 객체를 추가하는 방법

  21. 21

    int 값으로 새 배열 객체를 추가하는 방법

  22. 22

    함수에서 생성 된 객체를 반환하고 오류 / NA가있는 객체를 무시하는 방법은 무엇입니까?

  23. 23

    require를 통해 생성 된 객체를 모의하는 방법

  24. 24

    기존 객체의 경우 다른 객체를 수정하지 않고 새로 생성 된 객체를 추가합니다. 여기에는 다른 속성이 없습니다.

  25. 25

    새로 생성 된 객체에 속성을 설정하는 서비스 단위 테스트 방법

  26. 26

    새로운 String 객체가 생성되었는지 이해하는 방법

  27. 27

    객체에서 파생 된 ArrayList를 반복하는 방법

  28. 28

    새로 생성 된 요소를 jQuery 객체로 가져옵니다.

  29. 29

    JS에서 생성 된 객체를 함수로 호출하는 방법

뜨겁다태그

보관