파트 3-2 Number
1. number란?
자바스크립트에서 숫자를 나타내는 자료형이며 따로 실수나 정수는 나누지 않는다!!
또한 자바스크립트에서는 64비트로 숫자를 표현하기 때문에 -2^63 ~ 2^63까지 표현할 수 있다!!
2. string을 number로 바꾸기!!!
아래와 같이 변수 height값을 받고 출력해보면 변수 height의 자료형은 string이 된다!!
var height=prompt("키를 입력해 주세요");
console.log(height, typeof(height));따라서 string을 number자료형으로 바꿔야 하는데 이때!!!
parseInt함수를 사용할 수 있다!!!
3. parseInt함수!!!
var height=prompt("키를 입력해 주세요");
console.log(height, typeof(height));
var height_int = parseInt(height);
console.log(height_int, typeof(height_int));
var height_float = parseFloat(height);
console.log(height_float, typeof(height_float));위와 같이 코드를 작성하면 height가 정상적으로 number자료형으로 바뀌는 것을 확인할 수 있다.
이때 위의 그림처럼 "입니다"라는 문장을 넣어 줬는데도 정상적으로 number자료형으로 잘 바뀜을 확인 할 수 있다!!!
하지만... 앞에다가도 문자열 을 붙여주면 정상적으로 함수가 작동하지 않는다!!!(아래 그림 참조)
파트 3-2 Number 실습(1)
문제
변수 str에 저장된 문자열을 정수로 변환해서 pi_int에 저장해라!!
해결방법
강의에서 배운 parseInt함수를 이용해서 string변수를 int로 변환해준다!!!
해답 코드
var str="3.141592는 Pi의 근사값입니다."
var pi_int =
parseInt(str);
console.log("pi_int의 값은", pi_int, "입니다." );파트 3-2 Number 실습(2)
문제
변수 str에 저장된 문자열을 실수로 변환해서 pi_float에 저장해라!!
해결방법
강의에서 배운 parseFloat함수를 이용해서 string변수를 float로 변환해준다!!!
해답 코드
var str="3.141592는 Pi의 근사값입니다."
var pi_float = parseFloat(str);
console.log("pi_float의 값은", pi_float, "입니다." );파트 3-3 String
string자료형은 문자열이라고도 할수있다!!
1. 문자열 변수지정 방법
아래 코드처럼 따옴표 -> '' 아니면 쌍따옴표 -> ""로 묶어준다면 문자열 변수지정을 할 수 있다!!
var a='문자열은 따옴표로 둘러싸면 됩니다.';
var b= "쌍따옴표로도 문자열을 표현할 수 있습니다.";2. 문자열 내에서 특수기호 사용법!!
var c= "쌍따옴표 문자열에는 따옴표 '를 사용할 수 있습니다.";
var d= '따옴표 문자열에는 쌍따옴표 "를 사용할 수 있습니다';
var e= "따옴표를 쓰고 싶다면 \'이렇게\' 사용하면 됩니다. 마찬가지로 \"쌍따옴표\"도 쓸 수 있습니다.";
var f= '따옴표를 쓰고 싶다면 \'이렇게\' 사용하면 됩니다. 마찬가지로 \"쌍따옴표\"도 쓸 수 있습니다.';
var g="\\ 문자를 쓰고 싶다면 역슬래시를 두번 씁니다.";위 코드를 정리하면
1. 쌍따옴표 -> ""안에 문자열에는 따옴표 -> ''를 표현할 수 있고,
따옴표 -> ''안에 문자열에는 쌍따옴표 -> ""를 사용할 수 있다!!
2. 또한 묶어준 따옴표를 문자열내에 표현할려면 '\'(백슬래시)기호를 앞에 써주면 표현해줄 수 있다!!
3. '\'(백슬레시)를 문자열 내에 표현할려면 '\' 백슬래시를 두개 연속해서 써주면 된다!!
3. 문자열 줄바꿈!!
var h="문자열에서 줄바꿈을 하고 싶다면, \n 역슬래시n을 사용합니다.";위에 코드 처럼 줄바꿈 기호는 '\n'이다!!!
파트 3-3 String 실습(1)
문제
코트 첫번째 줄의 문자열에 escape character를 추가해서 실행하면 다음과 같이 출력되도록 만들어 보세요.
쌍따옴표"를 문자열 안에 쓸 수 있습니다.
해결방법
강의에서 알려준 문자열 내에서 백슬래시를 이용한 쌍따옴표를 표현한다!!
해답 코드
console.log("쌍따옴표\"를 문자열 안에 쓸 수 있습니다.");파트 3-3 String 실습(2)
문제
코트 첫번째 줄의 문자열에 escape character를 추가해서 출력시 다음과 같이 두줄로 나오도록 만들어 봐라!!!
문자열입니다.
그리고 줄을 바꿔서 다음 문자열입니다.
해결방법
강의에서 알려준 문자열 내에서 백슬래시를 이용한 줄바꿈을 표현한다!!
해답 코드
console.log("문자열입니다.\n그리고 줄을 바꿔서 다음 문자열입니다.");파트 3-4 Object
1. 객체를 정의하는 방법
객체는 여러가지 속성들로 이루어진 자료형이다!!!
객체의 Property(속성) 정의 format!!!
{name1:value1, name2:value2.....}
코드로 보자면
var empty_obj{};// 빈 object생성!!!
typeof(empty_obj); //object출력!!!
var man = { name: "홍길동", age:20, height:180}; //3가지 속성을 가진 object 생성!!!2. 객체 속성의 접근과 변경
속성의 접근과 변경은 두가지 방법이 있다!!
- 객체이름.속성이름 방식!!!
- 객체이름["속성이름"] 방식!!!
코드로 보자면!!!
console.log(man.name)//홍길동 (1번째 방식으로 접근)
console.log(man["name"])//홍길동 (2번째 방식으로 접근)
man.name="이몽룡"; //(1번째 방식으로 변경)
man["age"]=15; //(2번째 방식으로 변경)
//변경된 object출력!!!
console.log(man)//Object{name: "이몽룡", age: 15, height: 180}파트 3-3 Object 실습(1)
문제
변수 obj를 객체로 선언해서 name과 age라는 속성을 추가하고, 각각에 자신의 이름과 나이를 입력해라.
해결방법
강의에서 알려준 객체 정의 방법을 이용해서 정의후 속성접근 방법으로 출력한다!!!!
해답 코드
var obj = {
name: '임규성',
age: 24
};파트 3-3 Object 실습(2)
문제
book의 title을 이용해서 코드 2번째 줄이 책의 제목을 출력하도록 만들어 봐라!!!
해결방법
강의에서 알려준 속성접근 방법으로 출력한다!!!!
해답 코드
var book = {"title":"어린왕자"};
console.log("제목:",
book.title
);파트 3-4 undefined와 null
undefined와 null의 정의
undefined와 null 둘다 변수에 아무것도 없는 상태를 의미한다!!!
var uninitialized_var;
var obj={
x:1,
y:2
};아래 코드와 같이 작성하고 console에서 출력해보면
다음과 같이 출력됨을 알 수 있다!!!
null 자료형에 대해서도 console에서 선언하고 출력해보면 다음과 같다!!!
이때 null로 지정해놓은 변수는 빈 객체 가 됨을 확인 할 수 있다!!!
파트 3-4 undefined와 null 실습
문제
undefined 값을 가진 변수 a와, null 값을 가진 변수 b를 선언해봐라!!!
해결방법
강의에서 알려준 변수 선언 방법으로 해결한다!!!!
해답 코드
// undefined 값을 가진 변수 a를 선언하세요
var a = undefined;
// null 값을 가진 변수 b를 선언해보세요.
var b = null
