JavaScript에서 배열을 순회하는 방법

JavaScript에서 배열을 탐색하는 방법: 1. for 루프 문을 사용합니다. 2. forEach() 메서드를 사용하여 콜백 함수를 호출합니다. 3. map() 메서드를 사용하여 콜백 함수를 호출합니다. for..in" 루프 문; 5. "for...of" 루프 문을 사용합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript로 코드를 작성하는 과정에서 for 루프, forEach 루프, 맵 루프, forIn 루프, forOf 루프 및 기타 메서드를 포함한 여러 메서드를 사용하여 배열을 탐색할 수 있습니다.

1. for 루프: 기본적이고 간단함

배열을 순회하는 가장 기본적이고 일반적으로 사용되는 방법으로 다양한 개발 언어에서 일반적으로 이 방법을 지원합니다.

let arr = ['a','b','c','d','e'];
for (let i = 0, len = arr.length; i < len; i++) {
  console.log(i);    // 0 1 2 3 4
  console.log(arr[i]); //a b c d e
}

2. forEach() 메소드: 콜백 함수 사용

forEach() 이것은 배열 객체의 메소드로 콜백 함수를 매개변수로 받습니다.
콜백 함수에는 3개의 매개변수가 있습니다.

• 1st: 배열 요소(필수)
• 2nd: 배열 요소 인덱스 값(선택)
• 3rd: 배열 자체(선택)

let arr = ['a','b','c','d','e'];
arr.forEach((item,index,arr)=> {
  console.log(item);  // a b c d e 
  console.log(index); // 0 1 2 3 4
  console.log(arr);  // ['a','b','c','d','e']
})

3. map( ) 메소드: 콜백 함수를 사용합니다.

사용법은 forEach() 메소드와 동일합니다.

var arr = [
  {name:'a',age:'18'},
  {name:'b',age:'19'},
  {name:'c',age:'20'}
];
arr.map(function(item,index) {
  if(item.name == 'b') {
    console.log(index) // 1
  }
})

4. for..in 루프: 객체 및 배열 탐색

for...in 루프는 객체 및 배열을 루프하는 데 사용할 수 있습니다.
루핑 객체에 권장되며 json을 탐색하는 데에도 사용할 수 있습니다.

let obj = {
  name: '王大锤',
  age: '18',
  weight: '70kg'
}
for(var key in obj) {
  console.log(key);    // name age weight
  console.log(obj[key]); // 王大锤 18 70kg
}
----------------------------
let arr = ['a','b','c','d','e'];
for(var key in arr) {
  console.log(key); // 0 1 2 3 4 返回数组索引
  console.log(arr[key]) // a b c d e
}

5. for...of 루프: 객체 및 배열 순회

배열 및 객체를 반복할 수 있으며 배열 순회에 권장됩니다.

for…of는 세 가지 새로운 메서드를 제공합니다.

• key()는 키 이름을 탐색하고,
• value()는 키-값 쌍을 탐색합니다.
• 6. 보충

6.1, break 및 Continue 문제

forEach, map, filter, Reduce, Every, some 함수에서 break 및 <code> continue 키워드는 함수에 있기 때문에 적용되지 않지만 함수는 클로저 트랩 문제를 해결합니다. Break 및 Continue를 사용하려면 for, for...in, for...of, while을 사용할 수 있습니다.

6.2, 배열 및 객체 forEach、map、filter、reduce、every、some 函数中 break 和 continue 关键词都会不生效，因为是在function中，但function解决了闭包陷阱的问题。

要想使用 break、continue 可以使用 for、for...in、for...of、while。

6.2、数组和对象

用于遍历数组元素使用：for()，forEach()，map()，for...of 。

用于循环对象属性使用：for...in

배열 요소를 순회하려면 for(), forEach(), map(), for...of를 사용하세요.

루핑 객체 속성의 경우 for...in을 사용하세요. 🎜🎜【추천 학습: 🎜javascript 고급 튜토리얼🎜】🎜

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