[새싹 프론트엔드] 자바스크립트 복습

자스 정리 한다.

공부해라 ..

조건문

// 조건문
//if문

if(조건1) {
//조건이true
}
//조건에는 계산식,ㅇㅇㅇ안됨
// a조건도 만족하면서 b도 만족하면 실행
// a && b

//and&&, or|| not! 이런거 넣음 

else if(조건2) { //조건이 여러개인 경우엔 else if 이용

}

else {
//if 조건이 false인 경우 실행
}


//1. if()
//2. if() > else()
//3. if() > else if() > else if()
//4. if() > else if() > else if() > else

//switch문 + break 걸수있음
switch(조건){
	case 조건1: 
			//하고싶은일1
			//하고싶은일2
			break //안걸면 하고싶은일2에서 안끝나고 case조건2로 넘어감
	case 조건2: 

	default: //else랑 동일
}

 

 

 

반복문

//반복문 , for문
for(;;) {
console.log("test");
} //무한 반복 코드임 

//(var i = 0; i < 5; i++)
for(변수초기화; 반복조건; 반복후작업) {
	console.log(i);
}
// 1번 반복 => i = 0
// 2번 반복 => i = 1
// 3번 반복 => i = 2
// 4번 반복 => i = 3
// 5번 반복 => i = 4

for(변수초기화; 반복조건; 반복후작업) {
	console.log(i);

if(i % 2  == 0){ //짝수
//코드 1
//코드 2
continue;
}

//코드 3
//코드 4

//break는 탈출
//continue 반복문안에서 조건이 true일 경우에 3,4는 실행안됨
// 반복후작업으로 위로 올라감 
// 만약 조건이 false다? 코드1,2 실행 못하고 3,4로 넘어감

//반복문 , for문
for(;;) {
console.log("test");
} //무한 반복 코드임 

//(var i = 0; i < 5; i++)
for(변수초기화; 반복조건; 반복후작업) {
	console.log(i);
}
// 1번 반복 => i = 0
// 2번 반복 => i = 1
// 3번 반복 => i = 2
// 4번 반복 => i = 3
// 5번 반복 => i = 4

for(변수초기화; 반복조건; 반복후작업) {
	console.log(i);

if(i % 2  == 0){ //짝수
//코드 1
//코드 2
continue;
}

//코드 3
//코드 4

//break는 탈출
//continue 반복문안에서 조건이 true일 경우에 3,4는 실행안됨
// 반복후작업으로 위로 올라감 
// 만약 조건이 false다? 코드1,2 실행 못하고 3,4로 넘어감

// do~while()
// do에는 소괄호 안씀 -> 조건이 없음
do {
	// 하고싶은 일 1
	// 하고싶은 일 2
	// 하고싶은 일 3
}while(조건)

//while과 do while의 제일큰차이? 
// 최초 1번은 무조건 실행하고 싶을때 do while 

//조건이 true일때만 가능 
while(조건) {
	// 하고싶은 일 1
	// 하고싶은 일 2
	// 하고싶은 일 3
} 

// 조건과 상관없이 1번은 무조건 실행 
do {
	// 하고싶은 일 1
	// 하고싶은 일 2
	// 하고싶은 일 3
}while(조건)

 

 

   배열

• 2개의 데이터 저장 하려면 변수 2개 필요1000개의 데이터를 저장해야함? 변수로 정하기에 낭비임
• ⇒ 배열을 이용 / 1개의 저장공간으로 여러개의 데이터 저장함
• 변수이름 만들때 정확하게 변수이름 정해주기 ~!
• 변수 = 1개 데이터 저장하는 공간
• 데이터 저장 왜? → 쓰려고 저장 

var score = [10, 20, 30, ......., 1000] //배열임
console.log(score) //전체 배열값 다 나옴
console.log(score[2]) // 0번부터 인덱스값(주소) 나옴 2번은 30임

console.log(score[0]) //10 
console.log(score[1]) //20 
console.log(score[2]) //30 
console.log(score[3]) //40 
console.log(score[4]) //50 
// => 효율 떨어짐..


//배열 + for문 효율 짱짱임
//var score = [10, 20, 30, 40, 50, .......n개]
for (var i=0; i<score.length; i++) {
	console.log(score[i]);
	// 빼온 값으로 하고 싶은 일 하세요 ~ㅎ~

	if(score[i] ==30) {
	console.log("30입니다");
	}
}



// 데이터가 없는 배열인 경우엔?
var number = []; //비어있는 배열

//배열에 데이터 추가하기 
number[0] = 100
number[1] = 200

// 함수 - push(), pop()
// push() : 데이터 추가 
number.push(300) // number = [100,200,300]
number.push(400) // number = [100,200,300,400]


// pop() : 데이터 제거 
// number = [100,200,300,400]
number.pop() // number = [100,200,300]
number.pop() // number = [100,200]



//var score = [10, 20, 30, 40, 50]
//push는 50 뒤로 값을 추가함
//pop은 50부터 없앰 40, 30 ,,,

 

화살표함수

function 함수이름() {
코드1
코드2
}

//ES6 -> 화살표함수 
const 함수이름 = () => 값

//변수 선언하듯이 하면 됨 화살표함수
let 이름 = 값 //여기까지하면 변수에 값설정
let 함수이름 = 값 //여기까지도 변수임 함수랑 차이 () 소괄호 넣어주기
let 함수이름 = () => { return 코드 }
// 화살표 함수도 한줄이면 {}중괄호 안써두됨! 
// 한줄인데 {}중괄호 쓰고싶으면 return 써줘야함 ㅠ

// 코드가 한줄일때 아주 빠르고 좋음

 

 

 

새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 5주차 블로그 포스팅