본문 바로가기

자바스크립트 객체8

[ 모던 자바스크립트 스터디 ] 원시 값과 객체 비교 자바스크립트가 제공하는 7가지 데이터 타입은 크게 원시 타입과 객체 타입으로 구분 가능하다. 원시타입과 객체타입의 차이점에 대해 좀 서술해보겠다. 원시값은 변경 불가능한 값이나 객체는 변경 가능한 값이다. 원시 값을 변수에 할당하면 변수에는 실제 값이, 객체를 할당하면 변수에는 참조 값이 저장된다. 원시 값은 값에 의한 전달이, 객체는 참조에 의한 전달이다. 하나씩 따지고 들어가보자. 원시 값 원시 값은 변경 불가능한 값이다. 한번 생성된 원시 값은 읽기 전용값으로, 변경 불가능하다. 변수와 값을 혼동하면 안된다. 변수는 값을 저장하기 위한 공간 혹은 해당 공간을 식별하기 위해 붙여진 이름이고, 값은 변수에 저장되는 데이터로 표현식이 평가되어 생성된 결과를 말하는 것이다. 변경 불가능하다는 것은 변수가 .. 2022. 9. 18.
[ 모던 자바스크립트 스터디 ] 객체 객체란 무엇인가 자바스크립트는 객체 기반 프로그래밍 언어이다. 자바스크립트를 구성하는 거의 모든 것이 객체라고 해도 과언이 아닐 정도이다. 원시값이 아닌 함수, 배열, 정규 표현식 .. 기타 등등은 모두 객체이다. 객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조 이다. 만약 c 언어를 했었다면, 구조체를 떠올리면 더 이해하기 쉽지않을까 생각한다. 원시 타입 값은 변경 불가능한 값이지만 객체 타입의 값은 변경 가능한 값이다. 객체는 0 개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키와 값으로 구성된다. 자바스크립트 내에서 사용할 수 있는 값들은 모두 프로퍼티 값이 될 수 있다. 자바스크립트의 함수 또한 프로퍼티 값이 될 수 있다. 프로퍼티의 값이 함수일 때는 일반적인 함수들과 .. 2022. 9. 17.
[ JavaScript ] 자바스크립트 기본 문법 | Navigator 객체 | 크로스 브라우저 이슈 해결 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: Navigator 객체 Navigator 객체는 브라우저의 정보를 제공하는 객체입니다. 주로 호환성 문제 등을 위해 사용됩니다. 지금까지 포스팅에서는 console.log 를 이용했습니다. 이번 포스팅에서는 console.dir 도 사용해보도록 하겠습니다. console.dir 는 console.log 와 마찬가지로 프로퍼티를 열람할 수 있습니다. console.log 와는 다르게 디렉토리 형식으로 출력되는 것을 확인할 수 있습니다. 이제 Navigator 객체에서 중요하게 쓰이는 프로퍼티를 알아보도록 하겠습니다. appName 웹 브라우저의 이름을 알려주는 프로퍼티 입니다.. 2021. 2. 7.
[ JavaScript ] 자바스크립트 기본 문법 | Object 란? 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: Object란? Object 객체는 객체의 가장 기본적인 형태를 가지고 있는 객체입니다. 다시 말해서 아무것도 상속받지 않는 순수한 객체입니다. 자바스크립트에서는 값을 저장하는 기본적인 단위로 Object를 사용하고 있습니다. 동시에 자바스크립트의 모든 객체는 Object 객체를 상속 받는데, 그런 이유로 모든 객체는 Object 객체의 프로퍼티를 가지고 있습니다. Object.prototype.contain = function(neddle) { for(var name in this){ if(this[name] === neddle){ return true; } } retur.. 2021. 2. 4.