728x90
반응형

JavaScript/기본 내장 객체 6

배열과 Array객체 2 : ECMAScript Array [ forEach( ), map(), filter(), every(), some(), reduce(), reduceRight() ]

HTML5와 함게 출현한 자바스크립트 표준안을 ECMAScript5 라고 부른다 ECMAScript5는 기존의 자바스크립트에서 객체 관련 부분을 많이 보완했다. ECMAScript5는 인터넷 익스플로러 8 이하에서는 지원하지 않으므로 익스플로러 9 이상이나 그 외의 브라우저에서 테스트 해야한다. 확인메서드 Array.isArray( ) : 배열인지 확인한다. typeof 키워드로 Array객체의 자료형을 확인하면 문자열 'object'가 나오므로 Array객체임을 확인하려면 constructor( ) 메서드로 자료형을 비교하는것을 응용해야 한다. var array = new Array(52,273,103,57,32); if (array.constructor == Array) { console.log(ar..

배열과 Array객체 1

배열과 Array객체 배열 배열이란 여러 개의 변수를 한꺼번에 다룰 수 있는 자료형이다. 자바스크립트에는 문자열, 숫자, 불, 함수, 객체, 정의 되지 않은 undefined 자료형 까지 총 6가지 자료형이 있다. 배열은 object 객체 중 하나이다. 자바에서는 배열을 {중괄호}로 생성하지만 자바스크립트에서는 배열을 [대괄호]로 생성한다. 대괄호 안에 쉼표로 구분해 자료를 입력한다. 배열 안에 입력된 값을 배열요소 element라고 부른다. var array = [273, 32, 103, 57, 52]; 위와 같이 배열을 선언하며 다섯 개의 요소가 있는 배열이다. 배열에는 어떠한 종류의 자료형도 배열 요소가 될 수 있다. var array = [273, 'String', true, function(){..

문자열과 String객체 (메서드체이닝기법) , ECMAScript5 - trim( ) 메서드

자바스크립트에서 문자열 데이터는 다음과같이 변수에 저장하여 사용한다. var string = 'string문자열'; var stringLiteral1 = 'Hello world'; var stringLiteral2 = 'Hello world'; console.log('리터럴문자열1 == 리터럴문자열2 : ',stringLiteral1 == stringLiteral2); console.log('타입 체크 : ',typeof stringLiteral1, typeof stringLiteral2) console.log('리터럴문자열1 === 리터럴문자열2 : ',stringLiteral1 === stringLiteral2); var stringLiteral = 'Hello world'; var stringCon..

숫자와 Number 객체

자바스크립트에서 숫자 데이터는 다음과같이 변수에 저장하여 사용한다. var number = 273; var numberLiteral1 = 273; var numberLiteral2 = 273; console.log('리터럴숫자1 == 리터럴숫자2 : ',numberLiteral1 == numberLiteral2); console.log('타입 체크 : ',typeof numberLiteral1, typeof numberLiteral2) console.log('리터럴숫자1 === 리터럴숫자2 : ',numberLiteral1 === numberLiteral2); var numberLiteral = 273; var numberConstructor = new Number(273); console.log('리터..

Object 객체

object 객체는 자바스크립트의 최상위 객체이다. 자바스크립트의 가장 기본적인 내장 객체는 Object 객체로 정확히는 Object 생성자 함수로 만든 인스턴스지만 간단하게 Object 객체라고 표현한다. Object객체 생성 var object = {}; var object = new Object(); Object객체의 메서드 constructor( ) : 객체의 생성자 함수를 나타낸다. hasOwnProperty( ) : 객체가 name속성이 있는지 확인한다. isPrototypeOf( ) : 객체가 object의 프로토타입인지 검사한다. propertyIsEnumerable( ) : 반복문으로 열거할 수 있는지 확인한다. toLocaleString( ) : 객체를 호스트 환경에 맞는 언어의 문자열..

기본 자료형과 객체의 차이

기본 자료형은 자바스크립트의 여섯가지 자료형 중 숫자, 문자열, 불 세가지 자료형을 의미한다. 기본 자료형과 객체의 특성이 다르므로 차이를 둔다. var primitiveNumber = 273; var objectNumber = new Number(273); var output = ''; output += typeof primitiveNumber + ' : ' + primitiveNumber + '\n'; output += typeof objectNumber + ' : ' + objectNumber; console.log(output); 자료형은 분명 다르지만 기본 자료형과 객체는 같은 속성과 메서드를 사용할 수 있다. (숫자를 기준으로 숫자 기본자료형과 Number객체 자료형 / 문자열 자료형과 Str..