내일배움캠프 동영상 강의/내배캠_ JavaScript 문법 종합반

데이터 타입, 문자열( 길이 확인, 결합, 자르기, 검색, 대체, 분할, 형 변환)

콛 다이어리 2024. 7. 28. 16:35

숫자 (정수)

let num = 10;
console.log(10); 

// 10
console.log(typeof num); 

// number

실수 (float)let num2 = 3.14;
console.log(num2); 

// 3.14
console.log(typeof num2); 

// number

지수형(Exp)

let num3  = 2.5e5;
console.log(num3); 

// 250000
console.log(typeof num3); 

// number

NAN(: Not a Number)

let num4 = "Hello" / 2; 

// NAN

Infinity: 무한대

let num5 = 1 / 0;
console.log(num5); 

// Infinity
console.log(typeof num5); 

// number

let num5 = 1 / 0;
console.log(num5);

// - Infinity
console.log(typeof num5);

// number

문자 string (문자열 = 문자의 나열) ' ' = " "

let str = "Hello World!"
console.log(str); 

// Hello World
console.log(typeof str); 

// string

문자열 길이 확인하기

console.log(str.length);

문자열 결합하기

let str1 = "Hello, ";
let str2 = World";
let result = str1.concat(str2);

문자열 자르기

let str3 = "Hello, World!";
console.log(str3.subst(7, 5);

// World

> 시작 위치부터 몇개까지 자를건지 지정해줘
console.log(str3.slice(7, 12));

// World
> 시작 위치부터 끝 위치까지 지정해줘

문자열 검색

let str4 = "Hello, World";
console.log(str4.search("World")); // 7
> World가 시작되는 지점을 찾음

문자열 대체

let str5 = "Hello, World";
let result01 = str5.replace("World". "JavaScript");
console.log(result01);

문자열 분할

let str6 = "말티즈", "포메라니안", "푸들";
let result02 = str6.split(","); 

> 괄호 안에는 자르는 기준을 입력
console.log(result02);

불리언 <true(참), false(거짓)>
let bool1 = true;
let bool2 = false;

console.log(bool1);
console.log(typeof bool1);
console.log(bool2);
console.log(typeof bool2);

undefined <un:not, define: 정의하다>

let x;
console.log(x); 

//undefined

null: 값이 존재하지 않음을 '명시적'으로 나타내는 방법

null = undefined
let y = null;
console.log(y); 

// null

형변환
명시적 형 변환

암시적 형 변환

 

1. 암시적 형변환
문자열
let result1 = 1 + "2"
console.log(result1); 

// 12
console.log(typeof result1); 

// string

let result2 = "1" + true;
console.log(result2);

// 1true
console.log(typeof result2); 

// string
* 문자열이 우선시됨
* 객체( { } ), null, undefined + 문자열 = 문자열

숫자

let result3 = 1 - "2";
console.log(result3);

// -1
console.log(typeof result3);

// number

let result4 = "2" * "3";
console.log(result4);

// 6
console.log(typeof result4);

// number

2. 명시적 형변환

console.log(Boolean(0)); 

// false
console.log(Boolean("")); 

// false
console.log(Boolean(null)); 

// false
console.log(Boolean(undefined)); 

// false
console.log(Boolean(NaN)); 

// false
console.log(Boolean(false)); 

// true
console.log(Boolean({})); 

// true
* 어떠한 값이라도 있으면 true가 출력됨
* 객체도 값이 비어있어도 true가 출력됨

문자열

let result5 = String(123);
console.log(typeof result5); 

// string
console.log(result5); 

// 123

let result6 = String(true);
console.log(typeof result6); 

// string
console.log(result5); 

// true

let result7 = String(false);
console.log(typeof result7); 

// string
console.log(result5); 

// false

let result8 = String(null);
console.log(typeof result8); 

// string
console.log(result5); 

// null

let result9 = String(defined);
console.log(typeof result9); 

// string
console.log(result5); 

// defined

Number

result10 = Number("123")
console.log(result10); 

// 123
console.log(typeof result10); 

// number

'내일배움캠프 동영상 강의 > 내배캠_ JavaScript 문법 종합반' 카테고리의 다른 글

객체  (0) 2024.08.28
연산자  (0) 2024.07.28
변수와 상수  (0) 2024.07.28
자바스크립트 소개  (0) 2024.07.28
JavaScript 요약시리즈 1부  (0) 2024.06.28