본문 바로가기

JavaScript45

(작성중)구조 분해할당 : 여러 변수를 한번에 할당하기 구조 분해 할당 (Destructuring Assignment)은 객체와 배열의 속성을 해체하여 각 값을 변수에 쉽게 할당할 수 있도록 하는 JavaScript 구문입니다.var a, b, rest;[a, b] = [10, 20];console.log(a); // 10console.log(b); // 20[a, b, ...rest] = [10, 20, 30, 40, 50];console.log(a); // 10console.log(b); // 20console.log(rest); // [30, 40, 50]({ a, b } = { a: 10, b: 20 });console.log(a); // 10console.log(b); // 20// Stage 4(finished) proposal({ a, b, .... 2024. 12. 3.
화살표함수(작성중) let key = "z"; let { [key]: foo } = { z: "bar" }; console.log(foo); // "bar" 2024. 12. 3.
형변환, 숫자의 진법변환 JavaScript에서 형변환(Type Conversion)은 데이터 타입을 변경하는 과정을 의미합니다. 형변환은 명시적(Explicit)으로 직접 수행하거나, 암시적(Implicit)으로 자동으로 발생할 수 있습니다.   Tip암시적 형변환은 예기치 않은 버그를 유발할 수 있으므로 명시적 형변환을 사용하는 것이 좋습니다.Object 같은 복잡한 타입의 변환은 직접 테스트해 보는 것이 가장 확실합니다. 1. 명시적 형변환 (Explicit Type Conversion)1.1 숫자로 변환1.1.1 Number()값을 숫자로 변환.console.log(Number("123")); // 123console.log(Number("123.45")); // 123.45console.log(Number("abc")).. 2024. 12. 3.
배열 update더보기24.01.02. - fondLast, fondLastIndex 추가24.12.30. - set 추가24.12.23 - map 수정(매개변수 사용추가)24.12.14 - slice 수정24.12.13 - sort 수정25.01.11 - forEach 수정   - 참고arr.length : 배열의 길이. 1부터 시작 ...arr  :  배열을 풀어야 할 때 배열 이름 앞에 ...을 붙이세요function solution(N) { return [...String(N)].reduce((sum, digit) => sum + +digit, 0);} 배열 선언 및 초기화배열 선언let arr = []; // 빈 배열 let numbers = [1, 2, 3, 4, 5]; // 숫자 배열 let.. 2024. 12. 3.
Math메서드(method) Math.floor 같은 것은 메서드(method)라고 부릅니다.메서드는 객체에 속한 함수를 의미합니다.JavaScript에서 Math 객체는 여러 유용한 메서드를 포함한 객체이고, floor는 그 객체에 포함된 메서드입니다.  자주 쓰는 Math 메소드 ※  반올림은 사사오입 Math.floor(): 소수점을 내림합니다. Math.ceil(): 소수점을 올림합니다. Math.round(): 가장 가까운 정수로 반올림합니다. Math.random(): 0 이상 1 미만의 랜덤 값을 반환합니다.// ()를 비워야 합니다.console.log(Math.random()); // 0.345672 (예시 결과, 매번 다르게 나옴) Math.random() + Math.floor()  : 난수를 특정 범위내 랜덤 .. 2024. 12. 3.
연산 기호 - 같다, 같지 않다 (==, ===, !=, !== JavaScript에서 같다와 같지 않다를 표현하는 방법은 연산자에 따라 다릅니다. 이 연산자는 연산자 우선순위, 자료형 비교 여부 등에 따라 달라지니, 각각의 연산자와 사용 목적을 정리해 드리겠습니다.1. 연산자 (Equality Operators)이 연산자는 값을 비교하거나 자료형까지 고려해 비교할 때 사용됩니다.a) 느슨한 비교 (==, !=)자료형을 자동으로 변환해서 비교합니다.(예: 1 == '1'은 참(true))같다: ==같지 않다: !=console.log(1 == '1'); // true (자료형 변환)console.log(1 != '2'); // trueb) 엄격한 비교 (===, !==)자료형 변환 없이 값과 자료형까지 정확히 비교합니다.(예: 1 === '1'은 거짓(false).. 2024. 12. 3.