이미 선언된 JSON 개체에 키 값 쌍을 추가하는 방법

이미 선언된 JSON 개체에 키 값 쌍을 추가하는 방법

JSON 개체를 선언하고 다음과 같은 주요 값 쌍을 추가했습니다.

var obj  = {};

다음과 같은 데이터를 추가했습니다.

obj = {
"1":"aa",
"2":"bb"
};

단, 동일한 오브젝트에 키 값 쌍을 추가하고 싶습니다.상기와 같은 키 값 쌍을 추가하면 오래된 값 쌍이 대체됩니다.같은 JSON 오브젝트(obj)에 데이터를 추가하는 방법을 알려주세요.

다음 작업을 수행할 수 있습니까?

obj = {
    "1":"aa",
    "2":"bb"
};


var newNum = "3";
var newVal = "cc";


obj[newNum] = newVal;



alert(obj["3"]); // this would alert 'cc'

도트 표기법 또는 괄호 표기법을 사용할 수 있습니다.

var obj = {};
obj = {
  "1": "aa",
  "2": "bb"
};

obj.another = "valuehere";
obj["3"] = "cc";

개체 할당은 하나 이상의 소스 개체를 대상 개체에 복사합니다.그래서 우리는Object.assign여기서.

구문:Object.assign(target, ...sources)

var obj  = {};

Object.assign(obj, {"1":"aa", "2":"bb"})

console.log(obj)

json 객체의 코드 예:

    var user = {'user':'barney','age':36};
    user["newKey"] = true;
    console.log(user);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<script src="lodash.js"></script>

json 배열 요소의 경우

코드 예:

var users = [
  { 'user': 'barney', 'age': 36 },
  { 'user': 'fred',   'age': 40 }
];

users.map(i=>{i["newKey"] = true});

console.log(users);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<script src="lodash.js"></script>

안녕하세요 각 오브젝트에 키와 값을 추가합니다.

let persons = [
  {
    name : "John Doe Sr",
    age: 30
  },{
    name: "John Doe Jr",
    age : 5
  }
]

function addKeyValue(obj, key, data){
  obj[key] = data;
}
 

let newinfo = persons.map(function(person) {
  return addKeyValue(person, 'newKey', 'newValue');
});

console.log(persons);

json에 대해 다음과 같은 간단한 작업을 수행해 보십시오. 삽입/업데이트/푸시

var movie_json = {
                    "id": 100,
                 };

//to insert new key/value to movie_json
movie_json['name'] = 'Harry Potter';
console.log("new key: " + movie_json);

//to update a key/value in movie_json
movie_json['id'] = 101;
console.log("updated key: " +movie_json);

//adding a json array to movie_json and push a new item.
movie_json['movies']=["The Philosopher's Stone"];
movie_json['movies'].push('The Chamber of Secrets');
console.log(movie_json);

다음과 같은 방법으로 오래된 값을 바꾸지 않고 동일한 개체에 키 값 쌍을 추가할 수 있습니다.

var obj = {};

obj = {
"1": "aa",
"2": "bb"
};

obj["3"] = "cc";

다음은 샘플 데모에 대한 코드와 jsfiddle 링크입니다.버튼을 클릭하면 이미 존재하는 obj에 키 값 쌍이 추가됩니다.

var obj = {
    "1": "aa",
    "2": "bb"
};

var noOfItems = Object.keys(obj).length;

$('#btnAddProperty').on('click', function() {
    noOfItems++;
    obj[noOfItems] = $.trim($('#txtName').val());
    console.log(obj);
});

https://jsfiddle.net/shrawanlakhe/78yd9a8L/4/

가능한 중복, 이하와 같은 것을 실현하는 최선의 방법입니다.

function getKey(key) {
  return `${key}`;
}

var obj = {key1: "value1", key2: "value2", [getKey('key3')]: "value3"};

https://stackoverflow.com/a/47405116/3510511

언급URL : https://stackoverflow.com/questions/28527712/how-to-add-key-value-pair-in-the-json-object-already-declared