>웹 프론트엔드 >JS 튜토리얼 >js에서 in을 사용하는 방법

js에서 in을 사용하는 방법

下次还敢
下次还敢원래의
2024-05-06 13:03:16608검색

for...in 문은 객체의 열거 속성을 순회하는 데 사용됩니다. 사용법: 1. 트래버스 속성 이름: for(객체의 키). 2. 속성 값을 가져옵니다: for (key in object) {console.log(object[key])}. 3. 속성 값을 설정합니다: for (key in object) {object[key] = "Updated"}. 참고: 열거 가능한 속성만 순회되며 순서는 정의되지 않습니다.

js에서 in을 사용하는 방법

JavaScript에서 for...in 사용

for...in은 객체의 열거 가능한 속성을 반복하는 데 사용되는 JavaScript의 문입니다. 속성 값을 가져오거나 설정하는 데 사용할 수 있는 속성 이름 배열을 반환합니다.

구문: ​​

<code>for (key in object) {
  // 操作
}</code>

변수:

  • 키: 속성 이름.
  • 객체: 순회할 객체입니다.

사용법:

  1. Traverse 개체 속성:
<code>const person = { name: "John", age: 30 };
for (let key in person) {
  console.log(key); // 输出:"name", "age"
}</code>
  1. 속성 값 가져오기:
<code>for (let key in person) {
  console.log(person[key]); // 输出:"John", "30"
}</code>
  1. 속성 값 설정:
<code>for (let key in person) {
  person[key] = "Updated";
}
// person 对象的属性值现在都被更新为 "Updated"</code>

참고:

  • for ...객체의 열거 가능한 속성을 탐색합니다. 열거할 수 없는 속성(예: 프로토타입 체인의 속성)은 탐색되지 않습니다.
  • for...in은 불확실한 순서로 속성을 반복할 수 있습니다. 따라서 특정 순서로 순회해야 하는 경우 Object.keys() 또는 Object.getOwnPropertyNames() 메서드를 사용할 수 있습니다.

예:

<code>const array = [1, 2, 3];
for (let key in array) {
  console.log(key); // 输出:0, 1, 2
}
// 注意:数组的属性名是它的索引,而不是实际的数字值。</code>

위 내용은 js에서 in을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.