자바스크립트, 웹페이지의 동작을 위한 언어
<script></script>
태그 안에서 구동되는 언어이다.
보통 <head>
태그 안에 적어서 사용하지만 어느곳에 적어도 구동된다.
변수는 데이터의 값을 담는 바구니같은 것으로 JS에서는 var
, let
, const
세 가지가 있다.
var
의 경우 전역 범위 또는 함수 범위로 지정되어 하나만 사용한다면 문제가 되지 않으나 중첩되어 사용할경우 많은 오류를 발생시켜 사용하지 않는 것이 좋다.
let
의 경우 블록 단위의 범위를 가지고 있으며 한번 선언하면 같은 이름의 변수로 중복하여 선언할 수 없다.
const
의 경우 let과 같이 블록 단위의 범위를 가지고 있으며 변수가 아닌 상수로 선언하고 난 이후 값을 업데이트 할 수 없다.
let a=[];
리스트의 기본 틀
let a = [1,2,3,4,5]; // 리스트 선언 및 초기화
console.log(a[2]); // 3
console.log(a[0]); // 1
console.log(a.length); // 5 배열의 길이
리스트는 순서를 가진 배열이라고 생각하면 되고,
첫번째 인덱스의 경우 1이 아닌 0부터 시작한다.
let a = {};
객체의 기본 틀
let a = { 'name': 'GDORI', 'age': 15 };
let b = [{'name': 'GDORI', 'age': 15},
{'name': 'GSOONI', 'age': 15}
];
console.log(a['name']);//GDOLI
console.log(a.name);//GDOLI
console.log(b[1]['name']);// GSOONI
console.log(b[1].name); // GSOONI
객체는 하나의 변수에 여러 속성을 저장할 수 있는 타입으로 키와 밸류로 이루어져 있다.
리스트와 객체를 조합하여 사용할 수 있다.
for(시작점;조건;증감문){
실행문;
};
while(조건){
실행문;
}; // 조건이 충족되면 실행
do{
실행문;
}while(조건문); // 우선 실행하고 조건에 맞지 않으면 종료
반복문의 기본 틀
let num = [1,2,3,4,5];
num.forEach((a) => {
console.log(a);
})
for(let i=0;i<num.length;i++){
console.log(a[i]);
}
반복문은 배열 인자 추출 등 여러번을 반복해야 하는 경우 사용된다.
forEach 메소드를 사용하는 것이 편리하다.
사용되는 반복문 중 While
, do while
도 있다.
if(조건문){
실행문;
}; // 이 조건 맞아? 실행해.
if(조건문){
실행문;
}else{
실행문;
}; // 이 조건 맞아? 아니야? 그럼 이거 실행해
if(조건문){
실행문;
}else if(조건문){
실행문;
}else{
실행문;
}; // 이거맞아? 그러면 이거는? 이것도 아니면 이거 실행해라...
let num = [10,2,32,4,54];
num.forEach((a)=> {
if (a >= 10) {
console.log('10이상이네요')
} else {
console.log('10보다 작네요')
}
})
조건문은 입력값(조건)에 따른 동작을 정할 수 있는 문법으로 if
단독이나 if-else
, if-else if-else
로 사용할 수 있다.