본문 바로가기

분류 전체보기

(290)
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..
객체 생성 & 객체 속성 접근 방법 ✅ 객체 생성 : 자바스크립트에서는 객체(Object)를 사용하여 여러 개의 값을 하나의 변수에 담고 관리할 수 있다. 1️⃣ 기본적인 객체 생성 방법 // key : value pair let person = { name: "홍길동", age: 30, gender: "남자" }; 객체 person을 생성한다. 객체를 만들 때는 중괄호({})를 사용하며, 속성과 값을 콜론(:)으로 구분하여 작성한다. 각 속성과 값은 쉼표(,)로 구분한다. 2️⃣ 생성자 함수를 사용한 객체 생성 방법 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } let person1 = new Person("홍길동"..