자바스크립트) for문으로 변수를 여러개 만들 수 있나요?

Question

var variable_1 &#61; {} axios.get('http://test.com/api/1').then(res&#61;> variable_1 &#61; res.data) var variable_2 &#61; {} axios.get('http://test.com/api/2').then(res&#61;> variable_2 &#61; res.data) var variable_3 &#61; {} axios.get('http://test.com/api/3').then(res&#61;> variable_3 &#61; res.data) ... ... ...... var variable_99 &#61; {} axios.get('http://test.com/api/99').then(res&#61;> variable_99 &#61; res.data) var variable_100 &#61; {} axios.get('http://test.com/api/100').then(res&#61;> variable_100 &#61; res.data)혹시 위와같은 행위를 for문으로 돌려서 만드는게 가능한지 질문 드립니다.차라리 객체에{variable_1: {}...variable_100: {}}이런식으로 하는게 오히려 더 좋긴 할 것 같은데,그냥 가능/ 불가 여부가 궁금해서 이렇게 질문드립니다.

으악 또 · Accepted Answer

let dynamicVarPrefix &#61; &#34;v_&#34;;let dynamicVarIndex &#61; 1;// 동적 변수명 생성let dynamicVarName &#61; dynamicVarPrefix &#43; dynamicVarIndex;// 전역 범위에 변수 생성window[dynamicVarName] &#61; 1;console.log(window.v_1); // 출력: 1위 예제에서 window 객체를 사용하여 동적 변수명을 생성했습니다. 이 방법은 전역 범위에서 변수를 생성하므로, 꼭 필요한 경우가 아니면 사용하지 않는 것이 좋습니다. 이 대신 객체를 사용하여 동적 변수를 관리하는 것이 더 안전하고 효율적입니다. function createDynamicVariable() {this[v_2] &#61; '2'return v_2;}createDynamicVariable() 이 예제에서는 this 키워드를 사용하여 동적 변수명을 생성하고 할당했습니다. 그러나 이 접근 방식은 코드의 가독성과 유지 관리를 어렵게 만들고, 예기치 않은 결과를 초래할 수 있으므로 사용하지 않는 것이 좋습니다. 이 대신 객체를 사용하여 동적 변수를 관리하는 것이 더 안전하고 효율적입니다. gpt답임 차라리 객체에 요게 정답이네용 vs &#61; {}vs[&#96;v_${ i }&#96;] &#61; data

kiel · Answer

array 를 이용하면 되지 않을까요?for (i = 1; i <=100; i++) { axios.get('http://test.com/api/' + i ).then(res=> variable[i] = res.data) }

Clickin · Answer

인터프리터 입장에서는 변수의 이름 자체가 런타임에 결정되니까 코드로 표현하긴 어렵겠네요물론 eval 쓰면 뭐든 가능할겁니다

doooss · Answer

이거 예전에 저도 비슷한 의문점이 있었는데요. 웹환경이라면 가능하도록 할 수 있습니다. 방법은 객체로서 업데이트 하는 방법입니다. 해당 방법을 사용하려면 object[&#96;variable&#96;] &#61; '' 형태로 집어넣으면 되는데요. web 환경에서는 window 가 최상위 객체이기때문에 window[variable] &#61; '' 형태로 사용하시면 됩니다. 이렇게 하면 variable 출력 결과 잘 나옵니다. (variable은 string 형태 이여야 합니다.) 다만, node js 환경은 잘 모르겠으며, 안정성을 위해 차라리 하위 object 를 만든 후 object[variable] 사용을 권장 드립니다. 윗분 말씀대로 eval 로도 가능하네요.

HJOW · Answer

가능하구요다만 then 함수 안에 넣는 람다식 내에서데이터를 받는 변수명이 바뀌고 있는데데이터를 받는 변수를 따로두지 말고 배열로 바꾸든지 하면 됩니다.궂이 변수로 쓰고 싶으면 윗분이 언급한 eval 을 써야죠...근데 배열 공부하는 셈 치고 배열로 해보세요.

daywalker · Answer

API 를 for문으로 돌려서 한번에 여러번 호출하는 방식이 좋아 보이지는 않네요.어떤 data를 가져오는 API인지 모르겠지만 API 를 변경하는게 더 괜찮은 방법 같아요.

Tae-woong Kim · Answer

javascript에서 전역변수는 global this의 프로퍼티입니다.with 구문으로 실행 컨텍스트를 조작하면 객체안에 프로퍼티도 변수처럼 사용할 수 있습니다. (권장드리는 방법은 아님)const fields = { "variable_1": 1 } with(fields) { console.log(variable_1); // 1 }https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/with참고하세요.

자바스크립트) for문으로 변수를 여러개 만들 수 있나요?

7개의 답변

#javscript 목록