Programming/Javascript(5)
-
[Javascript] for in 반복문
for in 반복문 자바스크립트에서 for in 문은 객체의 값이 아닌 속성을 반복하는 데 사용됩니다. 아래 예제에서 'person' 객체에는 'name', 'age', 'gender' 세 가지 속성이 있습니다. for in 문을 사용하여 'person' 객체의 각 속성을 반복합니다. const person = { name: "John", age: 30, gender: "male" }; for (const prop in person) { console.log(prop, person[prop]); } 실행결과 콘솔에 다음과 같은 내용이 출력됩니다. name John age 30 gender male
2023.03.19 -
[Javascript] for of 반복문
for of 반복문 for of 반복문은 배열, 문자열, 맵과 같은 반복 가능한 객체를 더 쉽게 반복할 수 있도록 ES6에서 새롭게 도입된 기능입니다. 사용 방법은 다음과 같습니다. 배열 반복 배열로부터 for of 문을 사용하여 배열의 요소를 반복해 출력하는 예시입니다. const arr = [1, 2, 3]; for (const item of arr) { console.log(item); } 실행결과는 다음과 같습니다. 1 2 3 문자열 반복 "Hello" 값을 가진 문자열로부터 str을 for of 문을 사용하여 문자를 반복해 출력하는 예시입니다. const str = "Hello"; for (const char of str) { console.log(char); "H", "e", "l", "l",..
2023.03.19 -
Javascript 데이터 타입 확인하기 - typeof
JavaScript의 typeof 연산자는 변수 또는 표현식의 데이터 유형을 확인하는 데 사용됩니다. typeof 구문 typeof 연산자는 operand의 타입을 나타내는 문자열을 리턴해줍니다. typeof operand typeof(operand) typeof 예제 typeof 연산 결과 해당 변수의 데이터 유형이 문자열로 나타납니다. const name = "Bob"; console.log(typeof name); //"string" const age = 21; console.log(typeof age); //"number" const arr = [1, 2, 4]; console.log(typeof arr); //"object" const obj = {name:'Bob'}; console.log(t..
2023.03.11 -
[Javascript] 구조 분해 할당
구조 분해 할당은 배열이나 객체에서 값을 추출하고 간결한 방식으로 변수에 할당할 수 있는 JavaScript의 기능입니다. 이 기능은 ECMAScript 6(ES6)에서 도입되었습니다. 배열 구조 분해 할당 다음은 구조 분해 할당을 사용하여 배열에서 값을 추출하는 예입니다. const numbers = [1, 2, 3]; const [a, b, c] = numbers; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 위의 예에서는 세 개의 숫자가 포함된 배열을 만듭니다. 그런 다음 구조 분해 할당을 사용하여 배열 값을 변수 a, b, c에 할당합니다. 그 결과 numbers[0], numbers[1], numbers[2]가 아닌 a, b, ..
2023.03.08 -
Javascript ==와 === 차이
JavaScript에서 값을 비교하기 위해 == 와 === 연산자를 사용합니다. 동등 연산자(==) ==은 두 값이 같은지 비교하는 연산자입니다. 비교되는 값의 유형이 서로 다른 경우 유형을 강제로 변경합니다. 예를 들어 숫자와 문자열을 비교하는 경우 문자열이 숫자로 강제 변환된 후 비교가 수행됩니다. 이 경우 다음 예제에서 볼 수 있듯이 예기치 않은 결과가 발생할 수 있습니다. "5" == 5 // true 일치 연산자(===) ===는 유형을 강제로 변경하지 않고 두 값이 같은지 비교합니다. 비교 대상 값의 유형이 같고 값이 같은 경우에만 참을 반환합니다. "5" === 5 // false 다른 유형 간의 비교 0 == false; // true 0 === false // false 0 == null..
2023.03.01