본문 바로가기

Programming/Javascript

(9)

[인사이드 자바스크립트] 자바스크립트 데이터 타입과 연산자 7 - 연산자 연산자 자바스크립트 연산자의 대부분은 다른 언어와 유사하다. 몇 가지 주의해야 할 연산자들에 대해서 간단히 알아보자. 1. + 연산자 + 연산자는 더하기 연산과 문자열 연결 연산을 수행한다. 두 연산자가 모두 숫자일 경우에만 더하기 연산이 수행되고, 나머지는 문자열 연결 연산이 이뤄진다. 2. typeof 연산자 typeof 연산자는 피연산자의 타입을 문자열 형태로 리턴한다. 여기서 null과 배열이 'object'라는 점, 함수는 'function'이라는 점에 유의해야 한다. 3. == (동등) 연산자와 === (일치) 연산자 자바스크립트에서 두 값이 동일한지를 확인하는 데, 두 연산자를 모두 사용할 수 있다. == 연산자 : 비교하려는 피연산자의 타입이 다를 경우에 타입 변환을 거친 다음 비교한다. ..

[인사이드 자바스크립트] 자바스크립트 데이터 타입과 연산자 6 - 기본 타입과 표준 메서드 기본 타입과 표준 메서드 자바스크립트는 숫자, 문자열, 불린값에 대해 각 타입별로 호출 가능한 표준 메서드를 정의하고 있다. 하지만 기본 타입의 경우는 객체가 아닌데 어떻게 메서드를 호출할 수 있을까? 기본 타입의 값들에 대해서 객체 형태로 메서드를 호출할 경우, 이들 기본값은 메서드 처리 순간에 객체로 변환된 다음 각 타입별 표준 메서드를 호출하게 되는 것이다. 그리고 메서드 호출이 끝나면 다시 기본값으로 복귀하게 된다. toExponential() : 표준 숫자형 메서드이다. 숫자를 지수 형태의 문자열로 변환한다. 인자로 받는 값은 소수점 아래 몇 번째 자리까지 표시할 것인지 지정하는 것이다. charAt() : 표준 문자열 메서드이다. 문자열에서 인자로 받은 위치에 있는 문자를 반환한다. 문자열 인..

[ES6] Symbol 타입 심벌(Symbol)은 ES6에서 처음 선보인, 새로운 원시 값 타입이다. 심벌은 충돌 염려 없이 객체 프로퍼티로 사용 가능한, 특별한 '유일 값'이다.(절대적으로 유일함이 보장되지는 않는다.) 주로 ES6의 특수한 내장 로직에 쓰기 위해 고안되었지만, 사용자도 얼마든지 심벌을 정의할 수 있다. ES6에는 심벌 몇 개가 미리 정의되어 있는데 Symbol.create, Symbol.iterator 식으로 Symbol 함수 객체의 정적 프로퍼티로 접근한다. 사용법은 다음과 같다. 심벌을 정의하려면 Symbol() 네이티브를 사용한다. Symbol()은 앞에 new를 붙이면 에러가 나는, 유일한 네이티브 '생성자'다. 심벌은 전용(private) 프로퍼티는 아니지만(Object.getOwnPropertySymb..

[인사이드 자바스크립트] 자바스크립트 데이터 타입과 연산자 5 - 배열 2 배열 배열의 프로퍼티 동적 생성 배열도 자바스크립트 객체이므로, 인덱스가 숫자인 배열 원소 이외에도 객체처럼 동적으로 프로퍼티를 추가할 수 있다. 동적 프로퍼티가 추가될 경우 배열의 length 값은 바뀌지 않는다. 배열의 length 프로퍼티는 배열 원소의 가장 큰 인덱스가 변했을 경우만 변경된다. 배열의 프로퍼티 열거 객체는 for in 문으로 프로퍼티를 열거한다. 배열도 객체이므로 for in 문을 사용해서 배열 내의 모든 프로퍼티를 열거할 수 있지만, 이렇게 되면 불필요한 프로퍼티가 출력될 수 있으므로 되도록 for 문을 사용하는 것이 좋다. 배열 요소 삭제 배열도 객체이므로, 배열 요소나 프로퍼티를 삭제하는 데 delete 연산자를 사용할 수 있다. delete arr[2]로 배열의 요소를 삭제..

[ES6] ES6 (ES2015) 문법 여러가지 1. const, let 보통 자바스크립트를 배울 때 var로 변수를 선언하는 방법부터 배우지만 var는 이제 const와 let이 대체한다. 블록 스코프 ⓐ var를 사용한 경우 ⓑ const를 사용한 경우 var는 함수 스코프를 가지므로 if문의 블록과 관계없이 접근 가능하다. 하지만 const와 let은 블록 스코프를 가지므로 블록 밖에서는 변수에 접근할 수 없다. 블록의 범위는 if, while, for, function 등의 중괄호이다. → 함수 스코프 대신 블록 스코프를 사용함으로써 호이스팅 같은 문제도 해결되고 코드 관리도 수월해짐 const와 let의 차이 const는 한 번 대입하면 다른 값을 대입할 수 없다. const에 다른 값을 대입하려 하면 에러가 발생하며, 초기화 시 값을 대입하..

[인사이드 자바스크립트] 자바스크립트 데이터 타입과 연산자 4 - 배열 배열은 자바스크립트 객체의 특별한 형태다. 즉, C나 자바의 배열과 같은 기능을 하는 객체지만, 이들과는 다르게 굳이 크기를 지정하지 않아도 되며, 어떤 위치에 어느 타입의 데이터를 저장하더라도 에러가 발생하지 않는다. 배열 리터럴 배열 리터럴은 자바스크립트에서 새로운 배열을 만드는 데 사용하는 표기법이다. 배열 리터럴은 대괄호([ ])를 사용한다. 배열 리터럴에서는 각 요소의 값만을 포함한다. 배열의 요소 생성 객체가 동적으로 프로퍼티를 추가할 수 있듯이, 배열도 동적으로 배열 원소를 추가할 수 있다. 특히, 자바스크립트 배열의 경우는 값을 순차적으로 넣을 필요 없이 아무 인덱스 위치에나 값을 동적으로 추가할 수 있다. 빈 배열의 첫 번째 요소에 접근해도 undefined 값이 출력된다. 3개의 요소 ..

[인사이드 자바스크립트] 자바스크립트 데이터 타입과 연산자 3 - 프로토타입 자바스크립트의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있다. 그리고 이것은 마치 객체지향의 상속 개념과 같이 부모 객체의 프로퍼티를 마치 자신의 것처럼 쓸 수 있는 것 같은 특징이 있다. 자바스크립트에서는 이러한 부모 객체를 프로토타입 객체(a.k.a 프로토타입)라고 부른다. 예제에서 생성한 foo 객체에는 toString()이라는 메서드가 없으므로 오류가 발생해야 하지만, 정상적으로 결과가 출력되었다. 에러가 발생하지 않고 예제가 실행될 수 있는 이유는 바로 foo 객체의 프로토타입에 toString() 메서드가 이미 정의되어 있고, foo 객체가 상속처럼 toString() 메서드를 호출했기 때문이다. foo 객체를 출력했을 때 name, age 외에 __proto__ 프로퍼티가 있다는..

[인사이드 자바스크립트] 자바스크립트 데이터 타입과 연산자 2 - 참조 타입의 특성 자바스크립트에서 기본 타입을 제외한 모든 값은 객체이다. 배열이나 함수 또한 객체로 취급된다. 그리고 이러한 객체는 자바스크립트에서 참조 타입이라고 부른다. 이것은 객체의 모든 연산이 실제 값이 아닌 참조값으로 처리되기 때문이다. objA 객체를 객체 리터럴 방식으로 생성했다. 여기서 objA 변수는 객체 자체를 저장하고 있는 것이 아니라 생성된 객체를 가리키는 참조값을 저장하고 있다. 변수 objB에 objA 값을 할당한다. objA는 1번에서 생성된 객체를 가리키는 참조값을 가지고 있으므로 변수 objB에도 이같은 객체의 참조값이 저장된다. 변수 objB가 가리키는 객체의 val 값을 40에서 50으로 갱신했다. 이 때 objA도 변수 objB와 동일한 객체를 ㅊ마조하고 있으므로 a.val 값이 50..

이전 1 2 다음

티스토리툴바