본문 바로가기

Javascript

(101)
let & const let, const는 기존에 변수 선언을 위해 존재하던 var를 대체해서 나온 변수 선언에 사용 되는 키워드. 선언과 할당이 무엇이었는지 중요!! var, const, let의 차이를 알 수 있기 위해서는 선언과 할당의 의미를 아주 정확히 알고 있어야 한다. 선언: 변수명을 자바스크립트 엔진에 알리는 것. 할당: 변수에 값을 저장하는 것 (= 할당연산자). ✅ let과 const의 특징 let: 재할당은 가능하고, 재선언은 불가능. let value = "value1" console.log(value) // value1 value = "value2" // 재할당 가능 console.log(value) // value2 let value = "value3" // 재선언 불가능, SyntaxError: Id..
break문과 continue문 ✅ break문 for (let i = 0; i < 10; i++) { if (i === 5) { break; } console.log(i); } for문과 함께 break문을 사용하여 0부터 4까지의 숫자만 출력한다. break문은 반복문을 종료한다. ✅ continue문 for (let i = 0; i < 10; i++) { if (i === 5) { continue; } console.log(i); } for문과 함께 continue문을 사용하여 0부터 시작해 5를 제외한 9까지의 숫자를 출력한다.
while문 & do...while문 ✅ while문 let i = 0; while (i < 10) { console.log(i); i++; } while문을 사용하여 0부터 9까지의 숫자를 출력한다. while문은 조건식이 참인 경우에만 코드를 반복해서 실행한다. 💡 while문을 활용해서 3초과 100미만의 숫자 중 5의 배수인 것을 출력하려면? ✅ do...while문 let i = 0; do { console.log(i); i++; } while (i < 10); do...while문을 사용하여 0부터 9까지의 숫자를 출력한다. do...while문은 일단 한 번은 코드를 실행하고, 그 후에 조건식을 체크하여 반복 여부를 결정한다.
for & for...in 반복문 ✅ 기본적인 for문 for (초기값; 조건식; 증감식) {} for (let i = 0; i < 10; i++) { console.log(i); } for문을 사용하여 i 라는 변수는 0부터 시작하여 9까지의 숫자를 출력한다. for문은 초기값, 조건식, 증감식을 사용하여 반복 횟수를 제어한다. ✅ 배열과 함께 사용하는 for문 : 배열과 for문은 짝궁이다. let numbers = [1, 2, 3, 4, 5]; for (let i = 0; i < numbers.length; i++) { console.log(numbers[i]); } 배열 numbers와 함께 for문을 사용하여 배열의 요소를 출력한다. 배열의 요소 개수만큼 반복하여 실행합니다. 💡 Quez. 0부터 10까지의 수 중에서 2의 배수..
splice() 메소드 & slice() 메소드 ✅ splice() 메소드 let fruits = ["사과", "바나나", "오렌지"]; fruits.splice(1, 1, "포도"); console.log(fruits); // ["사과", "포도", "오렌지"] splice() 메소드를 사용하여 배열 fruits의 첫 번째 요소를 삭제하고, 그 첫번째 자리에 "포도"를 추가한다. splice() 메소드는 배열의 요소를 삭제하거나, 새로운 요소를 추가할 수 있다. ✅ slice() 메소드 let fruits = ["사과", "바나나", "오렌지"]; let slicedFruits = fruits.slice(1, 2); console.log(slicedFruits); // ["바나나"] slice() 메소드를 사용하여 배열 fruits의 첫 번째 요소부..
콜백함수 : forEach & map & filter & find ✅ forEach() 메소드 let numbers = [1, 2, 3, 4, 5]; numbers.forEach(function(number) { console.log(number); }); forEach() 메소드를 사용하여 배열 numbers의 모든 요소를 출력한다. forEach() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행한다. ✅ map() 메소드 let numbers = [1, 2, 3, 4, 5]; let squaredNumbers = numbers.map(function(number) { return number * number; }); console.log(squaredNumbers); // [1, 4, 9, 16, 25] map() 메소드를 사용하여 배열 numbers의 모든 요..
shift() 메소드 & unshift() 메소드 ✅ shift() 메소드 javascriptCopy code let fruits = ["사과", "바나나", "오렌지"]; fruits.shift(); console.log(fruits); // ["바나나", "오렌지"] shift() 메소드를 사용하여 배열 fruits의 첫 번째 요소를 삭제한다. shift() 메소드는 배열의 첫 번째 요소를 삭제한다. ✅ unshift() 메소드 let fruits = ["바나나", "오렌지"]; fruits.unshift("사과"); console.log(fruits); // ["사과", "바나나", "오렌지"] unshift() 메소드를 사용하여 배열 fruits의 맨 앞에 "사과"를 추가한다. unshift() 메소드는 배열의 맨 앞에 요소를 추가한다.
push() 메소드 & pop() 메소드 ✅ push() 메소드 let fruits = ["사과", "바나나"]; fruits.push("오렌지"); console.log(fruits); // ["사과", "바나나", "오렌지"] push() 메소드를 사용하여 배열 fruits의 끝에 "오렌지"를 추가한다. push() 메소드는 배열의 끝에 요소를 추가한다. ✅ pop() 메소드 let fruits = ["사과", "바나나", "오렌지"]; fruits.pop(); console.log(fruits); // ["사과", "바나나"] pop() 메소드를 사용하여 배열 fruits의 마지막 요소를 삭제한다. pop() 메소드는 배열의 마지막 요소를 삭제합니다.
배열 생성(Array) & 크기지정 & 요소접근 1️⃣ 기본적인 배열 생성 (자바스크립트에서는 배열(Array)을 사용하여 여러 개의 값을 저장하고 관리할 수 있다. ) let fruits = ["사과", "바나나", "오렌지"]; 배열 fruits를 생성한다. 배열을 만들 때는 대괄호([])를 사용하며, 각 요소는 쉼표(,)로 구분한다. 2️⃣ 배열의 크기 지정 let numbers = new Array(5); 크기가 5인 배열 numbers를 생성한다. new Array()를 사용하여 배열의 크기를 지정할 수 있다. 3️⃣ 배열 요소 접근 let fruits = ["사과", "바나나", "오렌지"]; console.log(fruits[0]); // "사과" console.log(fruits[1]); // "바나나" console.log(fruits..
객체 메소드 Object.keys() 1️⃣ Object.keys() 메소드(객체가 가진 여러가지 기능) : key를 가져오는 메소드 let person = { name: "홍길동", age: 30, gender: "남자" }; let keys = Object.keys(person); console.log(keys); // ["name", "age", "gender"] Object.keys() 메소드를 사용하여 객체 person의 속성 이름을 배열로 반환한다. Object.keys() 메소드는 객체의 속성 이름을 배열로 반환한다. 2️⃣ Object.values() 메소드 let person = { name: "홍길동", age: 30, gender: "남자" }; let values = Object.values(person); consol..