본문 바로가기
[JAVASCRIPT] 데이터타입-배열(2) 배열의 프로퍼티 동적 생성 배열도 자바스크립트의 객체이므로 배열 원소 이외에 객체처럼 동적으로 프로퍼티를 추가할 수 있다. 단, 프로퍼티는 배열의 length 프로퍼티로 추가되지 않는다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 //배열 생성 var arr =['zero','one','two']; console.log(arr.length); // 3 //프로퍼티 동적 추가 arr.name ='number_array'; arr.color='blue'; console.log(arr.length); // 3 //배열 원소 추가 arr[3] = 'red'; console.log(arr.length); // 4 //배열 객체 출력 console.dir(arr); cs 배열 객체 출력 .. Language/JAVASCRIPT 2020. 10. 23.
[JAVASCRIPT] 데이터타입-배열 배열 자바스크립트의 배열은 객체의 특별한 형태다. 자바와 C언어와 달리 크기를 따로 지정하지 않아도 되며, 어떤 위치에 어느 타입의 데이터를 저장하더라도 에러가 발생하지 않는다. 배열 리터럴 자바스크립트에서 새로운 배열을 만드는 사용하는 표기법 객체 리터럴은 { } 중괄호를 사용했다면 배열 리터럴은 [ ] 대괄호를 사용한다. 객체 리터럴에서는 프로퍼티 이름과 값을 모두 표기했지만, 배열 리터럴에서는 각 요소의 값만 포함한다. 1 2 3 4 5 //배열 리터럴을 통한 5개 원소를 가진 배열 생성 var colorArr = ['orange','yellow','blue','green','red']; console.log(colorArr[0]);//orange console.log(colorArr[1]);//y.. Language/JAVASCRIPT 2020. 10. 21.
[JAVASCRIPT] 프로토타입 프로토타입 이란? 자바스크립트의 모든 객체는 자신의 부모역할을 하는 객체와 연결되어 있다. 이는 객체지향의 상속개념과 같이 부모 객체의 프로퍼티를 사용할 수 있다는 특징을 가지고 있다. 자바스크립트에서 부모 객체를 "프로토타입 객체" 라고 부른다. 1 2 3 4 5 6 7 var foo = { name: 'foo', age: 30 }; console.log(foo.toString()); console.log(foo); cs 실행 결과 객체 리터럴 방식으로 foo 객체를 생성하고 이 객체의 toString() 메서드를 출력했다. 원래는 foo 객체에 toString이라는 메소드가 없으므로 에러가 발생해야 하지만 정상적으로 출력됨을 알 수 있다. 이는 foo 객체의 프로토타입 즉 부모 객체르의 메소드를 호출.. Language/JAVASCRIPT 2020. 10. 20.
[JAVASCRIPT] 데이터타입-참조타입의 특성 참조타입 기본 타입인 숫자, 문자열, 불린값, null, undefined 5가지를 제외한 모든 값은 객체이다. 자바스크립트에서는 이러한 객체를 참조타입이라고 하는데 객체의 모든 연산이 실제값이 아닌 참조값으로 처리되기 때문에 이러한 특성을 잘 숙지해야한다. 흔히 객체 지향언어에서의 참조변수의 개념을 떠올리면 이해하기 쉽다. 참조변수는 데이터를 담고 있는 주소값만을 가지고 있는 변수이기 때문에 두 참조변수가 하나의 객체를 참조할 수도 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 //objA라는 변수는 생성된 객체의 참조값을 가지고 있다. var objA = { val : 40 }; //동일한 객체를 참조하는 두 변수 var objB = objA; console.log(objA... Language/JAVASCRIPT 2020. 10. 20.
[JAVASCRIPT] 데이터 타입-기본타입&참조타입(객체 프로퍼티) 자바스크립트의 데이터 타입은 기본타입과 참조타입으로 나뉜다. 기본 타입 숫자, 문자열, 불린 값을 포함해 null, undefined라는 타입이 있다. 이 타입의 특징은 그 자체로 하나의 값을 나타낸다는 점이다. 자바는 다소 느슨한 타입 체크 언어인데. 변수를 선언할 때 타입을 미리 정하지 않고 var이라는 한가지 키워드로 변수를 선언한다. 이렇게 선언된 변수에는 어떤 형태의 테이터를 저장하느냐에 따라 해당 변수의 타입이 정해진다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 //숫자 타입 number var intNum =10; var floatNum = 0.1; //문자열 타입 : 작은/큰 따옴표 string var singleQuoteStr = 'single quote.. Language/JAVASCRIPT 2020. 10. 20.

티스토리툴바