자바스크립트 기본 문법 강의 수강을 시작했다.
강의 수강 전 프로그래머스 문제를 풀며 어렴풋이 알고있던 js 언어 문법 및 메소드 들에 대해 체계적으로 알게 되었다.
💜 변수 선언 종류 차이
var : 재선언 가능 재할당 가능
let : 재선언 불가능 재할당 가능
const : 재선언 불가능 재할당 불가능
ㅤ
ㅤ
💜 화살표 함수
let add = (x, y) => {
return x + y;
}또는let add = (x, y) => x + y;ㅤ
ㅤ
💜 switch 문
let fruit = "사과";
switch (fruit) {
case "사과":
console.log("사과는 빨간색입니다.");
break;
case "바나나":
console.log("바나나는 노란색입니다.");
break;
case "오렌지":
console.log("오렌지는 주황색입니다.");
break;
default:
console.log("해당하는 과일이 없습니다.");
break;
} 변수의 값에 따라 여러 개의 경우(case) 중 하나를 선택하여 해당하는 코드를 실행한다. default는 모든 경우에 해당하지 않을 때 실행되는 코드를 작성한다. 반드시 case 마다 break를 추가해 다음 case로 흘러가지 않게 하기.
ㅤ
ㅤ
💜 삼항 연산자
let message = (age >= 18) ? "성인입니다." : "미성년자입니다.";ㅤlet 변수 = (조건) ? (참이면 실행) : (거짓이면 실행) ;
ㅤ
ㅤ
💜 조건부 실행
let x = 10;
(x > 0) && console.log("x는 양수입니다.");(조건) (논리연산자) (실행문)
ㅤ
ㅤ
💜 for...in문
let person = { name: "John", age: 30, gender: "male" };
for (let key in person) {
console.log(key + ": " + person[key]);
}for(let key in (객체)) {실행문}
ㅤ
ㅤ
💜 continue문
countinue 앞 조건에 해당하는 요소에서 멈추고 다음 요소부터 흐름
for (let i = 0; i < 10; i++) {
if (i === 5) {
continue;
}
console.log(i);
}ㅤ
💜 객체 메소드
- Object.keys() : 객체의 속성 이름을 배열로 반환
- Object.values() : 객체의 속성 값들을 배열로 반환
- Object.entries() : 객체의 속성 이름과 속성 값들을 2차원 배열로 반환
- Object.assign() : 기존 객체를 복사하여 새로운 객체를 만듬
- 객체 병합을 할 때는 전개 연산자(...)를 사용
💜 배열 메소드
- shift() : 배열의 첫 번째 요소를 삭제
- unshift() : 배열의 맨 앞에 요소를 추가
- splice() : 바꿔 끼우기 (시작인덱스, 개수, 바꿀요소)
- slice() : (시작인덱스, num 전까지) 해당부분만 반환
- forEach() : 배열의 각 요소에 대해 콜백 함수를 실행
- map() : 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과를 새로운 배열로 반환 (반드시 선언과 리턴 동반)
- filter() : 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과가 true인 요소만 새로운 배열로 반환
- find(): 조건에 맞는 첫번째 요소만 반환
- 리턴문이 필요했던 것들은 새로운 배열 또는 값을 반환함
