JavaScript에서 동적 값과 개체를 만드는 방법은 무엇입니까?
- WBOY앞으로
- 2023-09-20 10:57:04726검색
동적 값은 동적 변수에 할당하는 값입니다. 동적 변수는 특정 이름 없이 코드에 하드 코딩된 변수로, 코드가 실행되는 동안 해당 주소가 결정됩니다. "동적"이라는 이름은 조작되고 변경될 수 있는 값을 나타냅니다.
여기에서는 JavaScript에서 동적 값(객체 값의 일부이기도 함)을 생성하고 나중에 그룹에 액세스하지 않고 동적 변수 이름을 변경하는 방법을 살펴보겠습니다. 이는 변수를 선언한 다음 객체의 키 중 하나와 동일한 변수를 사용하고 나중에 변수 이름을 변경해야 하는 경우 객체에 액세스하지 않고도 변경할 수 있음을 의미합니다.
위 작업을 수행하려면 아래와 같이 대괄호 [ ]를 사용하여 개체에 변수 이름을 할당하기만 하면 됩니다. -
구문
다음은 동적 값과 개체를 생성하는 구문입니다.
const key = 'KeyName';
const obj = { [key] : 'value'};여기서 key 및 value는 객체를 생성하는 데 사용되는 키-값 쌍이고, "obj" 및 keyName >은 키 값입니다.
Algorithm
1단계 - 객체를 생성하는 데 사용되는 키를 정의합니다.
2단계 - 객체를 생성하고 위에 정의된 키를 사용합니다.
-
3단계 - 위에서 생성한 객체에 JSON.stringify()를 적용하여 객체를 표시합니다.
예제 1
다음 HTML 프로그램을 사용하여 동적 변수 선언을 볼 수 있습니다.
<!DOCTYPE html>
<html>
<body>
<h2> JavaScript Dynamic values </h2>
<div id = "result"> </div>
<script>
const key1 = "Haircolour";
const key2 = "Eyecolour";
const person = {
f_name : "Rohan",
l_name :"Joshi",
[key1] : "Black",
[key2] : "Brown"
};
// Converting the object value to show its value in html
str = JSON.stringify(person);
document.getElementById("result").innerHTML = str;
// To print value of object in console
console.log(person);
</script>
</body>
</html>그래서 위 코드에서 우리는 중괄호 []를 사용하지 않고 객체에 두 개의 키 f_name과 l_name을 선언했으며 key1과 key2 변수에 중괄호를 사용하고 있음을 알 수 있습니다. 왜냐하면 이 두 키는 각각 동적 값이기 때문입니다. .
출력에서 key1 변수의 이름은 Eyecolour이고 key2 변수의 값은 Haircolour임을 알 수 있습니다.
예제 2
여기에 객체에 액세스하지 않고 동적 변수의 이름을 변경하는 방법을 더 밝혀 주는 또 다른 코드가 있습니다. 여기서는 코드에서 두 동적 변수의 이름을 바꾸었습니다.
<!DOCTYPE html>
<html>
<body>
<h2> JavaScript Dynamic values </h2>
<div id = "result"> </div>
<script>
const key1 = "Haircolour";
const key2 = "Eyecolour";
const person = {
f_name : "Rohan",
l_name :"Joshi",
[key1] : "Black",
[key2] : "Brown"
};
// Converting the object value to show its value in html
str = JSON.stringify(person);
document.getElementById("result").innerHTML = str;
// To print value of object in console
console.log(person);
</script>
</body>
</html>출력에서 두 변수 key1과 key2의 값은 동일하게 유지되지만 객체에 액세스하지 않고도 이름이 변경되는 것을 볼 수 있으므로 이것이 JavaScript와 객체에서 동적 값을 생성하는 방법입니다.
위 내용은 JavaScript에서 동적 값과 개체를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!