728x90
반응형
진짜 아무것도 아니긴 한데, 블로그에 정리가 안되어 있는 것 같아 정리해본다.
문자별 변수로 객체의 키값을 통해 value값 가져오기
이 방법이 어떨 때 주로 쓰이냐면, 같은 로직이라도 객체의 값이 변할 때 주로 쓰인다. ( 나는 그럴 때 씀.. )
기본문법
그냥 객체에 해당 변수를 넣어만 주면 된다.
객체명[변수명]
ex) obj[srh]
샘플코드
var obj = {};
var srh = '';
// true/false에 따라 obj값이 변하는 함수선언
const testFun = (bool) =>{
// bool이 true면 obj는 'one'이라는 키값을 가짐
if(bool==true){
obj = {
'one' : 'this is one',
};
// 변수 srh에 'one'을 넣어줌
srh = 'one';
// bool이 false면 obj는 'two'이라는 키값을 가짐
}else{
obj = {
'two' : 'this is two',
};
// 변수 srh에 'two'을 넣어줌
srh = 'two';
}
// 객체인 obj에 변수 srh를 통해 value값을 찾아 콘솔에 출력함
console.log(obj[srh])
}
샘플코드가 조금 억지같아 보이는데, 보통은 저렇게 절대 안쓰이겠지만 샘플로 만든거니까. 이해 하길..
그냥 객체에서 위와 같이 하면 변수를 활용하여 value값을 가져 올 수 있다는 것을 말하고 싶었다.
728x90
반응형
'FrontEnd > JavaScript' 카테고리의 다른 글
[JS] 문자열을 자바스크립트 코드로 사용하는 방법 / 문자열과 변수를 조합하여 자바스크립트 코드 만들기 :: window.Function (0) | 2022.08.05 |
---|---|
[JS] 문자열을 자바스크립트 코드로 사용하는 방법 / 문자열과 변수를 조합하여 자바스크립트 코드 만들기 :: eval() (0) | 2022.08.05 |
[JS] 자바스크립트 addEventListener :: 자식 elements들의 이벤트 전파 막는 방법 (4) | 2022.08.01 |
[JS] 자바스크립트 :: 배열(Array) vs 객체(Object) 어떤 상황에서 사용하는 게 좋을까? 에 대한 이야기 (0) | 2022.07.27 |
[JS] 자바스크립트 :: .js파일과 .min.js파일의 차이점 (0) | 2022.07.26 |