자바스크립트 네걸음

Refactoring리팩토링

re(다시)+factory(공장)의 합성어

공장으로 다시 돌려보내서 좀 더 개선한다 라는 느낌.

반복되는 코드들을 최소한으로 줄이는 일이라고 보면 된다.

Array(배열)

배열은 음식들을 보관하고 있는 냉장고와 같다.

데이터가 많아지면서 그 모든 데이터들을 그냥 둘 수 없기 때문에

서로 연관된 데이터들을 묶어서 냉장고와 같은 보관상자에 넣는 것과 같다.

 

배열이라는 데이터 타입은 대괄호에 담아서 사용한다

그리고 배열 값과 값 사이는 콤마(,)로 구분한다.

["apple","pineapple","strawberry"];

하지만 이상태로는 사용하기 불편하기 때문에 보통 변수(VAR)안에 넣는다.

var fruit = ["apple","pineapple","strawberry"];

변수 안에 들어가 있는 배열에서 내용을 찾아 올 때는 순서를 기입해서 불러 올 수 있다.

var fruit = ["apple","pineapple","strawberry"];

document.write(fruit[0]);
화면에는 변수fruit의 0번째인 apple가 출력 된다.

document.write(fruit[2]);
화면에는 변수fruit의 2번째인 strawberry가 출력 된다.

배열 안에 값이 몇개가 존재하는지 확인 하기 위해서 .length가 사용된다.

var fruit = ["apple","pineapple","strawberry"];

document.write(fruit.length);
화면에는 변수 fruit의 총 갯수인 3이 표시된다.

배열 안에 값을 추가 할 때 사용하는 문법은 여러가지가 있지만

배열 안에 있는 값의 뒤에 추가하는 문법은 .push가 있다.

var fruit = ["apple","pineapple","strawberry"];

fruit.push("melon");
document.write(fruit.length);
화면에는 변수 fruit에 melon이 추가되어서 값은 4로 나온다.

Loof(반복문)-while

반복문에 사용되는 문법 중 하나가 while 이다.

반복문에도 if문에 과 같이 값으로 True,False인 Boolean이 온다.

그리고 값이 False가 될 때 까지 반복문 안에 있는 내용을 실행시킨다.

var i = 0;

while ( i < 3 ) {
document.write("2");
document.write("3");
i = i + 1;
}

화면에는 반복문인 while의 값이 False 가 될 때 까지 실행 되기 때문에
i가 3보다 같거나 클 때는 비교 연산자의 값이 False가 되기 때문에
i의 값이 3과 같아지는 3이 될 때 까지 3번 실행되서
화면에는 232323이 쓰여진다.