변수 이름과 버튼 ID를 비교하여 ThreeJS에서 콘텐츠를 동적으로 로드합니다.

Question

저는 Three.js를 사용하여 여러 3D 모델을 로드하고 백그라운드에서 배열에 저장하고 있습니다. 특정 모델을 장면에 추가하는 고유 ID를 가진 여러 개의 버튼이 있습니다. 이제 특정 모델만 로드하고 장면에 추가된 다른 모델을 제거할 수 있도록 버튼 ID와 변수 이름을 비교하고 싶습니다. 클릭한 버튼의 ID와 비교하기 위해 모든 변수를 반복하는 for 루프를 작성했지만 버튼 ID와 비교하기 위해 변수 이름에만 액세스할 수는 없습니다.

내 코드는 다음과 같습니다.

으아악

변수 내부 내용은 비교하지 않고 변수 이름과 버튼 ID만 비교하는 방법은 무엇인가요?

Answer 1

배열 대신 계산된 속성 이름이 있는 객체를 사용 하세요.

으아악

이제 modelsByName["mandi_0"] === modelsByName.mandi_0 === mandi_0와 같은 객체가 생겼고 다른 변수도 마찬가지입니다. 하지만 배열을 사용하지 않으므로 더 이상 인덱스별로 반복할 수 없으므로 루프를 변경합니다.

으아악