🩵 React/JavaScript 문법4 [JavaScript] 객체의 속성(property) 접근 방법 . (점) 호출: 변수처럼 직접 이름을 써서 호출한다[] (대괄호) 호출: 문자열을 키로 줄 수 있다var obj = { name: 'apple', color: 'red'};// 점으로 접근console.log(obj.name); // 'apple'// 대괄호로 접근console.log(obj['name']); // 'apple' 보통 []는 키를 문자열이나 변수로 넣어야할 때 사용한다 1. 속성 이름이 변수로 있을 때var key = 'color';console.log(obj[key]); // 'red' 2. 속성 이름에 공백이나 특수문자가 있을 때var obj2 = { 'my name': 'banana'};console.log(obj2['my name']); // 'banana'c.. 2025. 4. 5. [JavaScript] 동등 연산자(==)와 일치 연산자(===) 동등연산자(==)타입이 달라도 값을 비교할 때 자동으로 타입 변환(type coercion)을 한 후 비교한다느슨한 비교라고 부른다(loose equality) 1 == '1' // true (문자열 '1'이 숫자 1로 변환된 뒤 비교)0 == false // true (false가 숫자 0으로 변환)null == undefined // true (특수 케이스) 일치 연산자(===)타입까지 정확히 같아야 true엄격한 비교라고 부른다(strict equality)1 === '1' // false (숫자 1과 문자열 '1'은 타입이 다름)0 === false // false (0은 number, false는 boolean)null === undefined // false 기본적으로 일치연산자를 .. 2025. 4. 4. [JavaScript] 자바스크립트 객체 다루기 keys, for...of 자스에서 객체나 배열을 다룰 때 자주 쓰이는 것들잊어버릴까봐 쓰는 포스팅 아래의 객체가 있을 때const person = { name: "John", age: 30, gender: "male"}; Object.keys는 객체의 모든 key(속성 이름)를 배열로 반환한다console.log(Object.keys(person));//["name", "age", "gender"] Object.values는 객체의 모든 value(값)를 배열로 반환한다console.log(Object.values(person));//["John", 30, "male"] Object.entries는 객체의 [key, value] 쌍으로 묶어서 2차원 배열로 반환한다console.log(Object.entries(pe.. 2025. 4. 3. [JavaScript] Map 배열 메서드 종합 .findIndex : 순서 찾기. 조건을 함수로 전달해야함. 못찾으면 -1를 반환 const arr = [ { id: 1, name: "피카츄" }, { id: 2, name: "파이리" }, { id: 3, name: "꼬부기" },];arr.findIndex(pokemon => pokemon.id === 2); // 👉 1arr.findIndex(pokemon => pokemon.name === "라이츄"); // 👉 -1 .indexof: 배열에서 값 찾기. 못찾으면 -1를 반환 const arr = [10, 20, 30, 40];arr.indexOf(30); // 👉 2arr.indexOf(50); // 👉 -1 (없으면 -1) 2025. 3. 28. 이전 1 다음
