혼공/혼공 5주차

[혼공] 혼자 공부하는 자바스크립트 5주차 -2

만갱0l 2024. 2. 1. 21:24

정말 게을러 빠진 나... 마지막만 남았는데 컴퓨터 앞에 앉기 몸이 너무 무겁다... ㅎ 그래도 손가락은 움직일 수 있다! 오늘은 저번시간에 이어 객체에 대해 알아보자!


객체 속성 제거하기 

delete 키워드를 사용하여 객체의 속성 변경, 추가, 삭제가 가능하며 다른 객체의 속성에는 영향을 주지 않는다. 

 

delete 객체. 속성

장래희망이 지워진걸 볼 수 있다.


객체는 크게 기본자료형, 객체 자료형으로 구분할 수 있다.

 

객체 자료형

- 속성과 메소드를 가질 수 있는 모든 것을 객체라 한다. 배열과 함수도 객체라 할 수 있으며 Array도 메서드를 갖고 있으니 객체이다.

(Array = '객체 리터럴' 처럼 변수에 데이터 값을 필요한 대로 저장할 수 있으며, 데이터 값을 '이름:값'으로 저장하는 반면 배배열은 저장된 값에 자동으로 index를 부여한다.)

 

기본 자료형 

- 실체가 있는것 (undefinde와 null 등이 아닌) 중에 아닌 것을 기본 자료형이라 부른다. 숫자, 문자, 불이 기본 자료형이다.

 

기본 자료형을 객체로 선언하기

자바스크립트에서 기본 자료형을 객체로 선언하는 방법을 제공한다. 변환 함수로는 Nunber, String, Boolean 가 있다.

 

Nunber 객체의 주요 메서드

메서드 설명
toFixed () toFixed (n)일 때 n만큼 소수점 자릿수를 만들어 준다
num = 328.575
console.log(num.toFixed()) //329
console.log(num.toFixed(1)) //329.6
console.log(num.toFixed(2)) //329.58
toString () toString (n) 일 때 n값의 진수로 만들어준다.
num = 12
console.log(num.toString (2)) //1100(2진수 표현)
console.log(num.toString (16)) //c (16진수 표현)

 

String 객체의 프로퍼티

프로퍼티 설명
length 문자열 개수를 취득한다.
let str = '자바스크립트'
console.log( str.length); //6

= 문자열에 공백을 제거하고 싶으면 "trim()"메서드를 사용하여 제거할 수 있다.

= 문자열의 특정 기호를 자르고 싶으면 "split()"메서드를 사용해 문자열을 매개변수로 잘라 배열을 만들어 리턴하는 메서드다.

= 문자열로 데이터를 주고받을 때 CSV, XML, CSON 등 다양한 자료 표현식이 있다. 현재 가장 많이 사용되는 표현 방식은 "JSON"객체 방식이다. 자바스크립트 객체를 문자열로 변환할 때는 JSON.stringify() 메서드를 사용한다.


겨울간식은 너무 맛있다. 공부하면서 먹다 보니 어느새 배는 남산만 해졌다....ㅎ 배가 든든한 만큼 지식도 든 든 해지는 중! 

오늘 공부도 성공~!