원시 값과 객체의 비교

이보아·2024년 5월 16일
0

모던_자바스크립트

목록 보기
14/18
post-thumbnail

원시 값과 객체의 비교

  • 원시 타입: 변경 불가능한 값 -> 원시 값을 변수에 할당 하면 변수에는 실제 값이 저장됨
  • 객체 타입: 객체(참조) 타입의 값, 즉 객체는 변경 가능한 값 -> 객체를 변수에 할당하면 변수에는 참조 값이 저장됨

변경 불가능한 값

원시 타입의값, 변경 불가능한 값 -> 변수가 아닌 값에 대한 진술이다.

const o ={} // const 키워드를 사용해 선언한 변수는 재할당 금지

// const 키워드를 사용해 선언한 변수에 할단된 상수(원시 값)은 변경할 수 없다.
// ** const 키워드를 사용해 선언한 변수에 할당된 객체는 변경할 수 있다. ** 
o.a = 1;
console.log(o) // {a:1}

- **불변성이란?**
**원시 값은 변경 불가능한 값이라 직접 변경 X**, 원시 값을 재할당 하려면 새로운 메모리 공간을 확보하고 재할당한 값을 저장한 후 변수 참조 주소를 변경한다. 👉 불변성은 갖는 원시값을 할당한변수는 재할당 말고는 변경 방법 없음

문자열 타입으로 변환

자바스크립트는 원시타입인 문자열 타입을 제공함 변경 불가능하다.

// str이 "qkqh"을 가리키고 있다가 문자열 "mimi"를 가리키도록 변경되었을 뿐이다!
let str = "qkqh";
str = "mimi";
console.log(str); // mimi

  • 유사 배열 객체란 ?

    마치 배열처럼 인덱스로 프로퍼티 값에 접근할 수 있고 length 프로퍼티를 갖는 객체를 말한다. 문자열은 마치 배열처럼 인덱스를 통해 접근할 수 있다.
    for문으로 순회 가능

  • str = "mimi";
    👉 str[0] = 'm'처럼 이미 생성된 문자열의 일부 문자를 변경해도 반영 되지 않음

    한번 생성된 문자열은 읽기 전용 값으로서 변경할 수 없다. -> 신뢰성 보장


값의 의한 전달

변수에 원시 값을 갖는 변수(original)를 할당하면 할당받는 변수에는(copy) 할당되는 변수의 값이 복사되어 전달 됨

let score = 90;

let copy = score;
console.log(score,copy); // 90 90 -> 같아보이지만 다른 메모리 공간에 저장된 별개의 값
console.log(score === copy); // true

👉 score변수와 copy변수의 값은 다른 메모리 공간에 저장된 별개의 값이다!

  • 엄격하게 표현하면 변수에는 값이 전달 되는것이 아님, 메모리 주소가 전달된다.

    이는 변수와 같은 식별자는 값이 아닌 메모리 주소를 기억하고 있기 때문이다.

    값이 아닌 메모리 주소 전달 전달된 메모리 주소를 통해 접근 하면 값을 참조할 수 있다.

  • 결국, 두 변수의 원시 값은 서로 다른 메모리 공간에 저장된 별개의 값이다.

  • 재할당을 통해 값을 변경하더라도 서로 간섭 할 수 없음


객체

프로퍼티의 개수가 정해져 있지 않고, 동적으로 추가 삭제될 수 있다.


변경 가능한 값

갹체(참조) 타입의 값, 객체는 변경 가능한 값이다.

profile
매일매일 틀깨기

0개의 댓글