[jQuery] .forEach() , .each() 반복문

var arr= [ 
			{name : '알리송', backnumber : '1'}
          , {name : '반다이크', backnumber : '4'} 
          , {name : '피르미누', backnumber : '9'} 
          , {name : '마네', backnumber : '10'} 
          , {name : '살라', backnumber : '11'} 
          , {name : '헨더슨', backnumber : '14'} 
          , {name : '조타', backnumber : '20'}
          , {name : '루이스디아즈', backnumber : '23'}
          , {name : '아놀드', backnumber : '66'}
          
          ];

 

 

일반 for문

for (var i = 0; i <arr.length; i++) {
    console.log('element', i, arr[i]);
    console.log(arr[i].name);
    console.log(arr[i].number);
    console.log(arr[i].name + arr[i].number);
};

 

each문을 쓰는 이유 ( 특징 )

1. 일반 for문보다 가독성이 좋다

2. 객체형을 다루기가 쉽다.

3. Array 객체에서 사용가능

4. 빠른편이다.

5. 리턴값을 받지 못한다.

 

foreach문

arr.forEach (function (el, index) {
  console.log('element', index, el);
  console.log(el.name);
  console.log(el.number);
  console.log(el.name + el.number);
});

 

$.each문

$.Each (arr, function (index, el) {
    console.log('element', index, el);
    console.log(el.name);
    console.log(el.number);
    console.log(el.name + el.number);
});