[javascript]자바스크립트 반복문

for 반복문

제일 처음 배우는 친근한 반복문

var array = ['복숭아','오렌지','사과','바나나'];
for(var i=0; i<array.length; i++){
	alert(array[i]);
}

for in 반복문

• 소스코드를 입력한 배열 또는 객체의 속성들에 맞게 반복
  사용법
• for...in 반복문은 정수가 아닌 이름을 가진 속성, 상속된 모든 열거 가능한 속성들을 반환한다
• 객체의 key값과 value값을 구할 때 유용하다.

for(var[변수명]in[객체|배열]){
	[소스코드];
}

var array = ['복숭아','오렌지','사과','바나나'];
for(var i in array){
	alert(array[i]);
}

foreach 반복문

• 오직 Array객체에서만 사용 가능한 메서드이다.
• foreach문은 따로 반복회수를 명시적으로 주는것은 불가능하다
• 순차적으로 반복될때만 사용이 가능하다.

var array = ['복숭아','오렌지','사과','바나나'];
array.forEach(function(fruit){
	console.log(fruit);
});

map함수

• 기존 array 자료형을 변형시켜 새로운 array를 만들기 위한 문법
• {중괄호} 안에서 쓸 수 있는 반복문
• array에 붙일 수 있는 일종의 내장함수
• map 함수는 원본 자료형을 변형시키기 않아서 새로운 변수에 담아서 사용한다.

var array = ['1','2','3','4'];
var newArray = array.map(function(a){
	return a * 10
});
console.log(newArray);

(arrow 함수 사용)

var array2 = ['1','2','3','4'];
var newArray2 = array2.map((a)=>{
  return a * 10
});

console.log(newArray2);

newArray에 [10,20,30,40] array에는 [1,2,3,4]