[본캠프 10주차] 화요일 TIL

본캠프

[본캠프 10주차] 화요일 TIL

hyunjiii 2024. 12. 24. 20:49

🎅 12/24 일일 목표🎄

자바스크립트 강의 듣기

디자인 집중반

📖 오늘 배운 내용

Object 객체란?

자바스크립트에서 관련된 데이터나 기능을 묶어서 저장하는 특별한 데이터
key-value pair 키와 값을 한쌍으로 묶어서 저장하는 자료구조

let person = {
name: "John", // 'name'은 키, 'John'은 값
age: 5, // 'age'는 키, 5는 값
};

array 배열이란?

여러개의 데이터를 순서대로 저장하는 데이터 타입
대괄호는 배열을 만들때 꼭사용 let number = [1,2,3]
각각의 값은 인덱스라고 불리는 번호로 접근가능, 배열에서 첫번째 값은 0번으로 시작함!

let fruits = ["apple", "banana", "cherry"];

형변환이란?

값의 종류를 바꾸는 것
문자를 숫자로 바꾸거나, 숫자를 문자로 바꾸는것

명시적 형변환은 일부러 개발자가 의도해서 바꾸는것!

암시적 형 변환은 의도하지않았지만 자동으로 바뀌는것!

암시적 형 변환

1. 문자열

let result = 1+ "2"; //12라는 문자열로 출력됨

의도하지 않았지만 이러면 자동으로 문자열로 변환!

+ 연산자로 문자와 숫자가 만나면 문자열로 바뀜
문자열과 다른데이터타입이 + 연산자로 만나면 형변환이 될 때 문자열이 우선시됨
{}, null, undefined + "1" => 문자열

2.숫자

숫자에서 문자열은 -로하면 숫자형이나옴
더하기 연산자가 아니고 다른 연산자들은 - */ 들은 숫자가 우선시됨
문자랑 문자가 와도 숫자로 변환됨

명시적형변환

개발자가 직접 값을 바꾸는것
string, numberm, Boolean 을 사용해서 바꿈

let number = 5; // 숫자 5
let text = String(number); // 숫자 5를 문자 "5"로 바꿨음!
console.log(text); // "5"

boolean이 이해안가서 정리..

불리언은 참 또는 거짓만 가질 수 있음
빈 값은 거짓, 그외의 값은 참

console.log(Boolean(0)); // false
console.log(Boolean("")); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean(NaN)); // false
--------------------------------------------------------
console.log(Boolean("false")); //true
console.log(Boolean({})); // true

마지막은 이해가 잘안가서.......{}이면 빈값아닌가? 왜 true임?..

feat.gpt..

❗ 객체 {}는 빈 객체일지라도 자바스크립트에서 참으로 간주되는 값

빈 객체 {}는 truthy 값으로 취급됨 객체는 항상 ture!
자바 스크립트에서 객체, 배열, 함수, 날짜 등의 참조형 데이터타입은 빈 객체여도 true로 취급
객체나 배열은 빈 값이라기보다는 존재하는 데이터로 취급됨

let emptyObject = {}; // 빈 객체
let emptyArray = []; // 빈 배열
let emptyFunction = function() {}; // 빈 함수

console.log(Boolean(emptyObject)); // true
console.log(Boolean(emptyArray)); // true
console.log(Boolean(emptyFunction)); // true

연산자

나누기 연산자 (/)는 두 숫자를 나누고 그 몫을 반환합니다. 소수점도 포함
나머지 연산자 (%)는 두 숫자를 나누고 그 나머지를 반환

삼항 연산자 (?:)

자바스크립트에서 조건을 따라 값을 선택하는 짧고 간결한 방법

let x = 10;
let result = (x > 5) ? "크다" : "작다";
console.log(result); // "크다"

타입 연산자 (type operators)

데이터 타입을 확인하거나 특정 타입으로 변환할때 사용

typeof 값
typeof(값) // 괄호를 사용해도 동작합니다.

typeof가 반환하는 값들:

"string": 문자열
"number": 숫자
"boolean": 불리언
"object": 객체 (배열, null 포함)
"function": 함수
"undefined": 선언했지만 값을 할당하지 않은 변수