JavaScript 배열 또는 해시 테이블에 동적 키, 값 쌍 추가

JavaScript 배열 또는 해시 테이블에 동적 키, 값 쌍 추가

---

기존 자바 스크립트 연관 배열에 키 값 쌍을 추가하려고합니다. 키는 변수 여야합니다. 이것은 JSON 인코딩 용입니다. 이에 대한 많은 플러그인과 프레임 워크가 있다는 것을 알고 있지만 간단한 답변을 원합니다.

ary.push({name: val});

여기서은 ary새 배열이고 name키를 포함하는 변수이며이 val항목의 값입니다.

jQuery양식 필드를 반복 하는 루프 에서이 작업을 수행하고 있습니다.

---

ES6에서 ...

ES6에서는 비 구조화 할당을 사용할 수 있습니다 .

ary.push({[name]: val});

그러나 이것이 ES6 구문이므로 일반적인 경고가 적용됩니다. 일부 브라우저 (IE 및 Edge 13) 에서는 작동하지 않습니다 .하지만 Babel이이 파일을 변환 해줍니다.

---

ES6 (레거시 브라우저 지원)없이 ...

속성을 설정하려면 개체를 정의하고 대괄호 표기법을 사용해야합니다.

var obj = {};

obj[name] = val;

ary.push(obj);

더 읽어보고 싶은 충동이 생기면 대괄호와 점 표기법의 차이점에 대한 이 기사 를 참조하십시오 .

---

var ary = [];

function pushToAry(name, val) {
   var obj = {};
   obj[name] = val;
   ary.push(obj);
}

pushToAry("myName", "myVal");

질문을 완전히 읽은 후 필요한 것은 다음과 같습니다.

$(your collection of form els).serializeArray();

좋은 오래된 jQuery

---

"연관 배열"은 실제로는 객체입니다. 푸시를 사용하지 않고 객체에 속성을 할당하기 만하면됩니다.

ary[name] = val;

---

const tStyles = [];
for (const i of iStyles) {
  const temp = {};
  temp[`${style}`] = `../dist/css/uikit.${wFile}.${style}.css`;
  tStyles.push(temp);
}

json : { "black-beige": "../ dist / css / uikit.or.black-beige.css"}

참고 URL : https://stackoverflow.com/questions/9398535/add-dynamic-key-value-pairs-to-javascript-array-or-hash-table