자바스크립트 데이터 타입과 연산자

기본 타입

숫자 (Number)
문자열 (String)
불린값 (Boolean)
undefined
null

참조 타입 (Object)

배열 (Array)
함수 (Function)
정규표현식

// 슷자 타입
var intNum = 10; var floatNum = 0.1;

// 문자열 타입
var singleQuoteStr = 'single quotestring';
var doubleQuoteStr = "double quote string";
var singleChar = 'a';

// 불린 타입
var boolVar = true;

//undefined 타입
var emptyVar;

//null 타입
var nullVar = null;

typeof 란?

숫자

int, float, double 같은 형태가 아닌 단 1개의 숫자형만 존재한다.
즉, 정수 실수 구분이 없다.
정수와 실수의 계산이 필요시 반드시 값을 확인해야한다.

문자열

작은따옴표('), 큰따옴표(") 로 생성
1개의 문자를 선언한다고 해서 char 로 선언되지 않는다.
한번 선언한 문자열은 변경할 수 없다.
인덱스 접근이 가능하다.

// str 문자열 생성
var str = 'test';
console.log(str[0], str[1], str[2], str[3]); // (출력값) test

// 문자열의 첫 글자를 대문자로 변경? 
str[0] ='T';
console.log(str); // (출력값) test

불린값

true, false

null과 undefined

모두 값이 비어있음을 뜻한다.
undefined 은 할당되지 않음.
null 개발자가 명시적으로 비어 있음을 나타냄

// null 타입 변수 샘성
var nullVar = null,
console.log(typeof nullVar === null); // (출력값) false
console.log(nullVar === null); // (출력값) true

참조타입

배열, 함수, 정규표현식
여러개의 프러퍼티를 저장할 수 있다.
함수도 포함할 수 있는다.(메서드)

객체 생성 방법

Object() 객체 생성자

//Object()를 이용해서 foo 빈 객체 생성 
var foo = new Object();

//foo 객체 프로퍼티 샘성 
foo.name = 'foo';
foo.age = 30; 
foo.gender = 'male'

객체 리터럴

// 객체 리터럴 방식으로 foo 객체 샘성
var foo = {
    name : 'foo',
    age : 30,
    gender: 'male'
}

생성자 함수 (Chapter 04 확인)

객체 프로퍼티 읽기/쓰기/갱신

var foo = {
    name:'foo',
    major:'computer science'
}

//객체 프로퍼티 갱신
foo.major = 'test';

//객체 프로퍼티 동적 생성
foo.age = 30;

// 대괄호 표기법을 사용해야 할 경우
foo[full-name] = 'foo bar',
console.log(foo['full-name'] );
console.log (foo.full-name);

NaN

수치 연산을 해서 값을 얻지 못했을 경우.

for in

객체에 포함된 프로퍼티 루프로 접근

// 객체 리터럴을 통한 foo 객체 샘성
var foo = {
    name: 'foo',
    age: 38,
    major: 'computer science'
}

//for in 문을 이용한 객체 프로퍼티 출력
var prop;
for (prop in foo) {
console.log(prop, foo[prop]);

프로퍼티 삭제

delete 이용
객체를 삭제하려고 하면???

참조 타입의 특성

var objA = {
   var :40
}

var objB = objA;

객체비교

== 연산자로 비교시 프로퍼티 비교가 아닌 참조비교를 한다.

var a = 100;
var b = 100;
var objA = { value: 100 );
var objB = { value: 100 );
var objC = objB;

console.log(a == b);//(출럭값) true
console.log(objA == objB);//(출력값) false
console.log(objB == objC );//(출력값) true

참조의 의한 호출방식

기본타입 call by value
참조타입 call by reference

프로토타입

자바스크립트의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있다. 그리고 이것은 마치 객체지향의 싱속 개념괴 같이 부모 객체의 프로퍼티를 마치 지신의 것처럼 쓸 수 있는 것 같은 특정이 있다. 자바스크립트에서는 이 러한 부모 객체를 프로토타입 객체 (짧게는 프로토타입)라고 부른다.

배열

배열 리터럴

var colorArr = ['orange', 'yellow', 'blue'];

var emptyArray = [];

emptyArray[0] = 100;
emptyArray[3] ='eight';
emptyArray[7] = true
console.log(emptyArray.length);

length 프로퍼티 배열내의 가장 큰 인덱스 1 더합 값
코드를 통한 명시적 변환 가능

var colorsArray = ['orange' , 'yellow', 'green'];

var colorsObj = {
    '0':'orange',
    '1':'yellow',
    '2':'green'
}

console.log(typeof colorsArray);
console.log(typeof colorsObj);

console.log(colorsArray.length);
console.log(colorsObj.length);

2개의 object 의 proto 를 반드시 확인하자

배열 프로프트 동적 생성

배열도 자바스크립트 객체이므로 인덱스 숫자 배열원소가 아닌 문자로도 동적으로 객체를 생성할 수 있다.

var arr = [];
arr.color = 'blue';
arr['name'] = 'number_array';

배열의 프포퍼티 열거

for / in

배열 요소 삭제

delete 연산자를 이용해 삭제가 가능한다.

var arr = ['zero', 'one', 'two', 'three'];
delete arr[2];
console.log(arr);
console.log(arr.length);

delete 연산자는 해당 요소의 값을 undefined 으로 설정할 뿐 값을 완전히 삭제하지 않는다.<br / > 배열 소요를 완전히 삭제하기 위해서는 splice 배열 메소드를 이용한다.

var arr = ['zero', 'one', 'two', 'three'];
arr.splice(2, 1);
console.log(arr);
console.log(arr.length);

Array() 생성자 함수

배열은 일반적으로 배열 리터럴로 생성하지만 결구 Array() 생성자 함수로 배열을 생성하는 과정을 단순화시킨 것이다.
new 연산자 사용
인자의 갯수에 따라 동작이 다르다.

유사 객체 배열

var obj = {name:'foo', length:1};
Array.prototype.push.apply(obj, ['bez']);

** 기본 타입과 표준 메서드

toExponential()
charAt()

** +연산자 **

두 연산자 모두 숫자일 경우에만 숫자 연산이 일어나고 나머지는 모두 문자 연산이 일어난다.

typeof 연산자

typeof null 은 object 이다.
함수는 function 이다.

==(동등)연산자와 ===(일치)연산자

== 연산자는 비교하려는 피연산자의 타입이 다를 경우 타입변환을 거친다음 비교한다.
=== 연산자는 피연산자의 타입을 변경하지 않고 비교한다.

예제)

0 == ""    //true
0 == 0     //true
0 == "0"   //true

0 === ""    //false
0 === 0     //true
0 === "0"   //false

!!연산자

피연산자를 불린값으로 변경한다.

#3장 끝

Chapter 03 - norux/javascript_study GitHub Wiki

자바스크립트 데이터 타입과 연산자

기본 타입

참조 타입 (Object)

프로토타입

Array() 생성자 함수

⚠️ GitHub.com Fallback ⚠️

Chapter 03 - norux/javascript_study GitHub Wiki

자바스크립트 데이터 타입과 연산자

기본 타입

참조 타입 (Object)

프로토타입

Array() 생성자 함수

⚠️ **GitHub.com Fallback** ⚠️

⚠️ GitHub.com Fallback ⚠️