상세 컨텐츠

본문 제목

JavaScript - 자바스크립트의 if, switch, for문

개발/JavaScript

by 뉴에이스 2018. 10. 25. 10:48

본문

자바의 if, switch, for 구문을 동일하게 사용
소스
var i = 10;
if (i == 10) {
  console.log(i);
}
switch (i) {
  case 10:
    console.log(i);
    break;
}
for (i = 1; i < 11; i++) {
  console.log(i);
}
결과
10
10
1
2
3
4
5
6
7
8
9
10
ES 5 추가 (ECMA Script)
	forEach
	for ~ in : 객체의 키를 반환

ES 6 추가
	for ~ of : 객체의 값을 반환
소스
"use strict";
// 배열은 객체타입, object, {"id":"aaa"}, 객체는 키와 값의 쌍으로 되어 있음
var arr = [10, 20, 30];

for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
console.log("--------------------------------");

// for ~ in : 객체의 키를 반환 (인덱스..)
for (var k in arr) {
  console.log(k, arr[k]);
}
console.log("--------------------------------");

// 키값에는 ""을 생략 가능. json은 필수
var m = { id: "a", name: "b" };

for (var k in m) {
  console.log(k, m[k]);
}

console.log("--------------------------------");

// forEach 매개변수에 함수를 입력 (function(){})
// callback 함수.. 중요!
// 배열의 길이만큼 반복 (값, 인덱스, 배열의 값) (값) (값, 인덱스) 사용 가능
arr.forEach(function(val, index, array) {
  console.log(val, index, array);
  // break 사용 불가능 (function 함수내이기 때문에)
});

console.log("--------------------------------");

// ES6 추가 for ~ of
// 배열의 값을 가져옴
for (var val of arr) {
  console.log(val);
}
결과
10
20
30
--------------------------------
0 10
1 20
2 30
--------------------------------
id a
name b
--------------------------------
10 0 [ 10, 20, 30 ]
20 1 [ 10, 20, 30 ]
30 2 [ 10, 20, 30 ]
--------------------------------
10
20
30

'개발 > JavaScript' 카테고리의 다른 글

JavaScript - 논리연산자(&&, ||)  (0) 2018.10.25
JavaScript - 배열  (0) 2018.10.25
JavaScript - 일치연산자(==)  (0) 2018.10.25
Javascript - 명시적/묵시적 형변환  (0) 2018.10.25
JavaScript - 자바스크립트 false 값  (0) 2018.10.24

관련글 더보기

댓글 영역