gpt 정리

객체의 key를 동적으로 생성

Y_Notepad 2024. 2. 5. 21:25

Vue.js에서 객체의 키(key)를 동적으로 생성할 때, 'let' 또는 'var' 키워드를 사용하여 변수를 정의하고 키에 할당할 때에는 '[ ]'를 사용하여 변수를 감싸야 합니다. 예시로 주신 코드를 수정하면 아래와 같이 됩니다:

var seq = 0; let params = { ['test_' + seq]: 'test' }; console.log(params);

위의 코드는 'params' 객체를 생성합니다. '['test_' + seq]'를 통해 'seq' 변수가 동적으로 키로 사용되고, 이후 ':' 뒤의 값인 'test'가 해당 키에 할당됩니다.


이렇게 하면 변수 'seq'의 값에 따라 키가 동적으로 생성되어 객체가 정의됩니다. 'seq' 변수가 0이라면 키는 'test_0'이 되고, 1이라면 'test_1'이 됩니다.


Vue.js에서도 마찬가지로 위와 같은 방식으로 동적인 키를 사용하여 객체를 정의할 수 있습니다.
Vue 인스턴스의 'data' 속성 내에서 변수를 정의하고, 그 변수를 사용하여 동적인 키를 객체에 할당하면 됩니다.

'gpt 정리' 카테고리의 다른 글

vue 에서 string.valueOf(1) 사용  (0) 2024.02.05
vue.js @change  (0) 2024.02.05
vue 에서 Map을 추가하는 예시  (0) 2024.02.04
js 에서 var 과 let 의 차이  (0) 2024.02.04
computed 속성 사용 예시  (0) 2024.02.04