본문 바로가기

전체 글

(54)

JavaScript typeof() 알아보기 JavaScript에서 typeof 연산자는 변수나 표현식의 데이터 타입을 문자열 형태로 반환합니다. 이 연산자는 디버깅, 조건부 로직 등에서 유용하게 사용될 수 있습니다. 아래는 typeof 연산자가 어떻게 작동하는지에 대한 설명입니다. typeof "John": 문자열 값에 대해 "string"을 반환합니다. typeof 3.14: 숫자 값에 대해 "number"를 반환합니다. typeof NaN: Not a Number 값에도 "number"를 반환합니다. typeof false: 불리언 값에 대해 "boolean"을 반환합니다. typeof [1,2,3,4]: 배열은 객체의 한 형태이므로 "object"를 반환합니다. typeof {name:'John', age:34}: 일반 객체에 대해서도 "o..

JavaScript 배열, set, map에서의 forEach 사용법 forEach 메서드는 배열, Map, Set 등과 같은 반복 가능한 객체에서 사용될 수 있으며, 각 요소에 대해 지정된 콜백 함수를 실행하는 역할을 합니다. 이 메서드는 다양한 자료구조에서 일관된 방식으로 각 요소를 순회하며 처리하고자 할 때 유용합니다. 배열에서의 forEach 배열에서 forEach를 사용하면, 각 요소에 대해 특정 작업을 수행할 수 있습니다. const numbers = [1, 2, 3]; numbers.forEach(number => { console.log(number); }); // 1 // 2 // 3 출력 Map에서의 forEach Map 객체에서 forEach를 사용하면, 각 키-값 쌍에 대해 특정 작업을 수행할 수 있습니다. const myMap = new Map();..

JavaScript Essential Map Methods Map 객체는 JavaScript에서 키-값 쌍을 저장하는 컬렉션입니다. Map은 다음과 같은 중요한 메서드와 속성을 제공하여 키-값 쌍을 효율적으로 관리할 수 있습니다. 메서드 new Map(): 새로운 Map을 생성합니다. set(키, 값): Map에 특정 키에 대한 값을 설정합니다. get(키): Map에서 특정 키에 대한 값을 가져옵니다. delete(키): Map에서 특정 키의 요소를 제거합니다. has(키): Map에 특정 키가 존재하면 true를 반환합니다. forEach(함수): Map의 각 키-값 쌍에 대해 주어진 함수를 호출합니다. entries(): Map의 모든 [키, 값] 쌍을 포함하는 이터레이터를 반환합니다. 속성 size: Map에 포함된 요소의 개수를 반환합니다. 예제 con..

JavaScript Essential Set Methods Set 객체는 JavaScript에서 중복 없는 값을 저장할 수 있는 구조입니다. Set 객체를 사용하면 다양한 작업을 수행할 수 있는 메서드와 속성을 활용할 수 있습니다. 아래에 그 중요한 것들에 대한 설명을 한국어로 간단하게 정리하겠습니다. 메서드 new Set(): 새로운 Set을 생성합니다. add(값): Set에 새로운 요소를 추가합니다. 중복된 값을 추가하려고 하면 무시됩니다. delete(값): Set에서 특정 요소를 제거합니다. has(값): Set에 특정 값이 존재하는 경우 true를 반환합니다. forEach(함수): Set의 각 요소에 대해 주어진 함수를 호출합니다. values(): Set의 모든 값을 포함하는 이터레이터를 반환합니다. 속성 size: Set에 포함된 요소의 개수를 ..

JavaScript "break" vs "continue" break 문 break 문은 현재의 반복문을 완전히 빠져나가게 하여, 루프를 "점프 아웃"하게 합니다. 이 문은 루프 내부에서 특정 조건이 충족되면 더 이상 반복을 수행하지 않고 루프를 종료하고 싶을 때 유용합니다. for (let i = 0; i < 5; i++) { if (i === 3) { break; // i가 3일 때 루프에서 빠져나감 } console.log(i); // 0, 1, 2 출력 } continue 문 continue 문은 루프의 현재 반복을 종료하고, 루프의 다음 반복으로 "점프"합니다. 특정 조건에서 현재 반복의 나머지 코드를 건너뛰고 다음 반복을 진행하고 싶을 때 사용됩니다. for (let i = 0; i < 5; i++) { if (i === 3) { continue; /..

JavaScript for/in과 for/of의 차이점 for/in 반복문 객체의 속성 이름을 순회합니다. 객체의 열거 가능한 모든 속성(상속된 속성 포함)을 순회합니다. 배열을 순회할 때도 사용할 수 있지만, 인덱스 순서가 보장되지 않고, 배열에 추가된 확장 속성까지 순회할 수 있으므로 일반적으로는 배열 순회에 사용하지 않습니다. const obj = {a: 1, b: 2, c: 3}; for (const prop in obj) { console.log(prop, obj[prop]); // a 1, b 2, c 3 출력 } for/of 반복문 이터러블 객체의 값을 순회합니다. 배열, 문자열, Map, Set 등 이터러블 프로토콜을 구현한 객체를 순회할 수 있습니다. 배열을 순회할 때 인덱스 순서대로 값을 순회하므로 배열 순회에 더 적합합니다. const a..

JavaScript loop 문 총정리 JavaScript에서 사용할 수 있는 다양한 반복문(루프)의 종류와 간단한 설명을 나열하겠습니다. 1. `for` 반복문 특정 횟수만큼 코드 블록을 반복합니다. for (let i = 0; i

JavaScript switch 문 개념 바로잡 JavaScript에서 switch 문은 특정 표현식을 평가하고 그 값에 따라 여러 코드 블록 중 하나를 실행합니다. switch 문은 if-else 문의 연속보다 더 깔끔한 방법으로 여러 경우의 수를 처리할 수 있습니다. 기본 구조 switch (표현식) { case 값1: // 표현식이 값1과 일치할 때 실행될 코드 break; case 값2: // 표현식이 값2와 일치할 때 실행될 코드 break; // 추가 case문 default: // 표현식이 어떤 case 값과도 일치하지 않을 때 실행될 코드 } break 문은 현재 case 블록을 종료하고 switch 문을 빠져나가는 데 사용됩니다. 만약 break를 생략하면 다음 case 블록이 실행됩니다. 예제 var fruit = 'apple'; s..

JavaScript "==" vs "===" 비교 연산자 == (동등 비교 연산자) == 연산자는 두 값이 동일한지 확인하되, 자료형은 고려하지 않습니다. 즉, 값의 자료형이 다르더라도 형 변환을 통해 값이 동일한 경우에는 참(true)으로 판단합니다. "5" == 5 // true, 문자열 "5"가 숫자 5로 형 변환됩니다. === (일치 비교 연산자) === 연산자는 두 값이 동일한지 확인하면서 자료형까지 일치하는지 확인합니다. 값과 자료형이 모두 일치해야 참(true)으로 판단합니다. "5" === 5 // false, 값은 같으나 자료형이 다릅니다. 요약 ==는 값만 비교하고, 필요한 경우 자동 형 변환을 수행합니다. ===는 값과 자료형 모두를 비교하여 완벽히 일치해야 참으로 판단합니다. 일반적으로 코드의 명확성과 예기치 않은 형 변환으로 인한 버그를..

javascript if구문 기초 개 기본 if 구문 if (조건) { // 조건이 참일 때 실행할 코드 } if-else 구문 조건이 참이 아닐 때 다른 코드를 실행하려면 else를 사용할 수 있습니다. if (조건) { // 조건이 참일 때 실행할 코드 } else { // 조건이 거짓일 때 실행할 코드 } if-else if-else 구문 여러 조건을 체크하고 싶을 때 else if를 사용합니다. if (조건1) { // 조건1이 참일 때 실행할 코드 } else if (조건2) { // 조건1이 거짓이고 조건2가 참일 때 실행할 코드 } else { // 모든 조건이 거짓일 때 실행할 코드 } 예제 var x = 10; if (x > 5) { console.log('x는 5보다 큽니다.'); } else { console.log('x..

이전 1 2 3 4 5 6 다음

티스토리툴바