Type 6

JS(8) Type - 객체타입(2) 객체

객체 (Object) 여러개의 데이터를 한 변수에 저장할 수 있는 자료형. 배열은 인덱스 번호로 값에 접근하지만, 객체는 키(key)를 통해 값(value)에 접근함. (파이썬에서의 딕셔너리랑 비슷한듯) 키 값 쌍을 합쳐서 자산(properties), 함수인 경우는 메소드라고 함. const MacPro = { owner : "내꺼", CPU : "M1", RAM : 16, shoutout(){ console.log("맥북 개이쁨"); } }; console.log(`CPU가 뭐야? ${MacPro.CPU}입니다.`); // CPU가 뭐야? M1입니다. MacPro.shoutout(); // 맥북 개이쁨 // 객체 속성 추가 MacPro.ssd = 256; // 객체 속성 삭제 delete MacPro...

JS 2023.08.24

JS(7) Type - 객체타입(1) 배열

객체타입 (Object Types) 객체는 property로 값과 메서드를 가지며, 이 둘은 각각 객체의 상태와 동작을 나타냄 값을 변수에 저장할 때 값 자체가 아닌 값의 위치가 저장됨 let arr1 = [1,2,3]; let arr2 = arr1; arr1[0] = 10; console.log(arr2); // [10,2,3] 배열(Array) : 데이터를 순서대로 저장하는 객체 원시타입과 달리 여러개의 데이터를 한 변수에 저장 가능 데이터를 추가, 제거, 정렬, 검색 등 여러가지 메소드 제공 배열의 생성 const arr1 = []; const arr2 = [1,2,3]; const arr3 = new Array(4,5,6); // [4, 5, 6] const arr4 = new Array(3); ..

JS 2023.08.24

JS(6) Type - 원시타입(3) Boolean, undefined, null

Boolean : 논리 연산자 논리곱 연산자 (AND) && : 하나라도 false면 false. 논리합 연산자 (OR) || : 하나라도 true면 true 논리부정 연산자 (not) ! : true면 false, false면 true true로 평가되는 값 Truthy - true - 0을 제외한 모든 숫자 - 빈 문자열을 제외한 모든 문자열 - 모든 객체 : 객체, 배열, 함수 등 false로 평가되는 값 Falsy - false - 0 - 빈 문자열 "" - null - undefined - NaN undefined : 변수에 값이 할당되지 않은 경우 let a; console.log(a); // undefined null : 값이 없음 변수에 값을 지정하지 않도록 초기화 (의도적으로 비어있음을 ..

JS 2023.08.23

JS(5) Type - 원시타입(2) 숫자형

숫자형 JS의 숫자형은 배정밀도 64비트 부동소수점 형식 배정밀도 64비트 : 숫자 하나를 표현하는데 64비트의 용량을 사용. 32비트보다 두배로 정밀 부동소수점 : 소수점을 이동시키면서 숫자를 표현 음양의 값, 유효숫자와 소수점의 위치 값으로 숫자를 나타냄 숫자의 다양한 연산 console.log(`10 + 3 = ${10 + 3}`) console.log(`10 - 3 = ${10 - 3}`) console.log(`10 / 3 = ${10 / 3}`) console.log(`10 * 3 = ${10 * 3}`) console.log(`10 ** 3 = ${10 ** 3}`) // 10^3 console.log(`4 ** 0.5 = ${4 ** 0.5}`) // 4의 제곱근 = 2 console.lo..

JS 2023.08.23

JS(4) Type - 원시타입(1) 문자열

원시타입(Primitive Types) stiring, number, bigint, boolean, undefined, symbol, null등 값이 변경 불가능. 변수에 저장하거나 전달할 때 값에 의한 전달. (가리키고 있는 값을 따라가서 실제 메모리에 저장된 주소가 복사되어 저장) let a = 100; let b = a; a = 50; console.log(b) // 100 원시타입의 메소드 JS는 원시타입도 마치 객체타입처럼 사용할 수 있게 autoboxing이라는 과정을 거침 let val = 'hello!'; console.log(val.toUpperCase()); // 위의 코드가 autoboxing을 거쳐서 내부적으로 아래처럼 실행됨. let val = 'hello!'; let temp =..

JS 2023.08.23

JS(3) Type 을 확인하는 방법

Type : 자료형 type을 확인하는 방법 - typeof 연산자 : 자료형을 문자열로 반환. null을 object로 반환 (설계 오류), array에 대해 object라고 반환하므로 주의해서 사용 typeof 42; // "number" typeof "hello"; // "string" typeof true; // "boolean" typeof undefined; // "undefined" typeof null; // "object" - instanceof 연산자 : 객체의 생성자 함수를 비교해서 true false로 타입 체크. 상속 체인까지 확인. 객체에 대해서만 사용 O 원시타입에 대해서는 사용 X var arr = [1, 2, 3]; var obj = { name: "John", age: 3..

JS 2023.08.23