>  기사  >  웹 프론트엔드  >  JavaScript에서 배열을 순회하는 방법 요약

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

黄舟
黄舟원래의
2017-11-09 14:59:151728검색

저는 모두가 배열의 역할을 알고 있다고 믿습니다. 배열은 여러 데이터의 저장 공간을 일괄적으로 중앙에서 관리할 수 있으며, 이는 PHP에서든 JavaScript에서든 프로그램의 실행 효율성을 크게 향상시킬 수 있는 길고 좋은 데이터 구조를 가지고 있습니다. 또는 jQuery에서는 배열의 형태가 인덱스 배열과 연관 배열로 나누어지는데, 배열을 순회하는 방법! 아래에서는 JavaScript 배열 traversal~

1.for(){} traversing the array

<script type="text/javascript">
 <!--
var arr = new Array(13.5,3,4,5,6);
for(var i=0;i<arr.length;i++){
 arr[i] = arr[i]/2.0;
}
alert(arr);
 //-->
 </script>

2.for in loop traversing the array

<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>

3.forEach 메서드에 대해 자세히 소개합니다.
참고: forEach() 메서드는 ES5.1 표준에 의해 도입되었습니다.

var arr=[1,2,3,4,5,6];
arr.forEach(function(v,i){//v==value 为arr项,i==index 为arr索引
    console.log(i+&#39;  &#39;v );
})//输出0  11  22  33  44  55  6

4. 최신 ES6 표준에 ==for of==라는 새로운 메소드가 추가되었습니다.

for of method 
아래 첨자 루프는 배열을 순회하는 데 사용할 수 있지만, 아래 첨자는 Map 및 순회에 사용할 수 없습니다. 세트 . Map, set – 아래 첨자 없음, 탐색에 인덱스를 사용할 수 없습니다.
컬렉션 유형을 통합하기 위해 ES6 표준은 새로운 반복 가능 유형을 도입합니다.
Array, Map 및 Set는 모두 반복 가능 유형에 속합니다.
== 반복 가능한 유형의 컬렉션은 새로운 for ... of 루프를 통해 탐색할 수 있습니다. ==

var arr=[1,2,3,4,5,6];for(var value of Arr){
    console.log(value);
}  //输出123456

요약:

JavaScript에서 배열을 순회하는 방법을 요약했습니다. 친구들이 배열 순회에 대해 어느 정도 이해하고 있다고 생각하지만 실제 개발에서는 여전히 필요합니다. 우리 자신의 방법을 따르십시오. 일부 방법의 효율성이 최고가 아니기 때문에 선택해야 합니다! 그러니 주의해서 사용하세요!

관련 권장사항:

1.in

2.php 배열과 js 배열 통과

에 대한 자바스크립트 배열 순회 간의 차이점에 대한 자세한 설명

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

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