[JS] 기초 문법

GDORI·2024년 8월 6일
0

JavaScript

목록 보기
1/28

JavaScript

자바스크립트, 웹페이지의 동작을 위한 언어
<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 로 사용할 수 있다.

profile
하루 최소 1시간이라도 공부하자..

0개의 댓글