[WEB] JS-for,forEach 문 사용하기

 

변수 안에 여러가지 변수를 담아서 출력 해보려고 한다

  var size = ["XL", "XXL", "XXXL"];

다음과 같은 여러 문자가 담겨있는 배열을 출력 해보려고한다

배열을 출력하는 방법은 for 문을 사용해서 배열의 사이즈를 받아서 출력해주는 방법과

for (i = 0; i <size.length; i++) {
  console.log(size[i]);
}

forEach() 메서드는 순회 메서드라서 함수를 배열의 갯수 만큼 한번씩 호출한다

size.forEach(function(element){console.log(element)};
size.forEach((element) => console.log(element));

 

forEach()를 사용해도 동일한 값을 출력한다

 

[ forEach 예시 ]

 

  size.forEach(function (e) {
$(".form-select").append("<option>" + e + "</option>");
 });

     size.forEach(function (e) {
    	$(".form-select").append(`<option>${e}</option>`);});