반응형
//반복문 for 기본형
for(var i=0; i < 10; i++) {
  console.log(i);
}

//배열과 함께 사용하는 반복문 for
var homeTown = [
  {name:'철수',place:'일산',city:'고양'},
  {name:'영희',place:'과천'},
  {name:'민수',place:'광주',city:'전라도'},
  {name:'지은',place:'부산',city:'경상도'}
];

for(var i=0; i<homeTown.length;i++){
  //배열을 하나씩 꺼낼필요없이 변수에 담아서 간단하게 사용.
  var h = homeTown[i];

  //배열의 city값이 없다면 다음 로직을 수행하지않고 통과
  //만약 continue가 아니라, break였다면 아래로직을 실행하지 않는것은 동일하지만,
  // 반복문을 더이상 수행하지 않는다는것에서 차이가 있다.
 if(!h||!h.city) continue;

  console.log(i+'번째 실행');

  if(h.name === '민수'){
    console.log(h.name+'의 고향은'+h.place+'입니다.');
  }
}
반응형
반응형
/*
자바스크립트의 switch는 if else와 같은 조건문 중에 하나.
if조건문을 작성하면 때에 따라 여러 조건들이 중첩되어 복잡하게 보일수 있지만,
switch조건문을 사용하여 간결하게 정돈된 코드를 만들수도 있다. 
*/

var subject = '자바스크립트';
switch (subject) {
  case 'c언어':
    console.log('입력받은 subject값은 '+subject+'입니다.');
    break;
  case '자바스크립트':
    console.log('입력받은 subject값은 '+subject+'입니다.');
    break;
  case '파이썬':
    console.log('입력받은 subject값은 '+subject+'입니다.');
    break;
  default:
    console.log('입력받은 subject값은 무엇도 해당되지 않습니다. if조건의 else와 같은 위치.');
    break;
}

/*
위 코드를 실행하면, '자바스크립트'에 해당하는 결과를 볼수 있다. 
default는 if조건의 else와 같은 역할을 한다. 
if else조건문과 마찬가지로 조건에 해당하면 해당 로직을 수행 후 break에 의해 종료된다. 
*/

// 반드시 알아야 할 점은 case조건식에서는 입력받은 인자값과 값만 비교하는  '==' 비교가 아닌
// 입력받은 값과 자료형(타입)까지 비교하는 '===' 비교를 사용한다는 점.
반응형
반응형
/*
보통 선언한 value를 보기 위해, console.log()를 많이 사용한다.
*/
console.log('hello world');


/*
하지만 log 메소드 외에, 다른 레벨의 메소드들도 존재한다.
*/
console.debug("log와 동일한 로그메세지를 출력.");
console.error("에러 메세지를 출력.");
console.info("정보성 메세지를 출력.");
console.warn("경고성 메세지를 출력.");

/*
위와 같이 log외에 debug, error, info, warn등을 사용할수 있다. 
이렇게 구분해서 사용하면 웹 콘솔에서 원하는 레벨의 메세지들만 필터링 검색하여 출력결과를 볼수 있으며,
서버 로그를 파일로 저장할때 원하는 레벨의 로그만 출력하도록 설정할 수 있다.
*/
반응형
반응형
/* 기본 자료형 */
var x = 5; //숫자형(Number)
var y = 'five'; //문자형(String)
var isTrue = true; //불린형(Boolean)

/*
- null은 빈 값을 의미하고, undefined는 존재하지 않는 값을 의미.
- null은 값의 부재를 의미하며 자료형 null을 의미한다.
- undefined는 변수가 정의되었지만, 아무 값도 할당받지 않은 상태를 의미한다.
=> 예를 들어, 함수에서 명시적으로 값을 반환하지 않았을 때 또는 
   변수에 어떠한 값도 대입하지 않고 정의했을때 undefined가 반환될수 있다.
- undefined의 자료형은 undefined다.
*/
var empty = null; // null
var nothing; // undefined

//아래 코드를 실행하면 object가 반환되는데, 이는 null이 객체형이라는 뜻이아닌, 자바스크립트 이슈니깐, 오해는 금지. 
// null은 null자료형이다.
console.log(typeof empty);

var sym = Symbol('me'); // Symbol

var item = {
  price : 5000,
  count : 10
}; // 객체형(Object)

/* 함수선언과 배열 테스트
아래 과일이름을 담고 있는 배열이 하나 있다.
*/
var fruits = ['apple','orage','kiwi']; // 배열(Array)

//fruits 배열에 값을 추가하는 함수를 정의해보자.
var addFruit = function (fruit) {
  fruits.push(fruit);
};

//정의된 함수에 인자를 넣어 배열에 값을 추가한다.
addFruit('wartermelon');

//확인
console.log(fruits);
반응형

+ Recent posts