[TIL] JavaScript 변수

최하온·2023년 12월 29일
0

TIL

목록 보기
9/71
post-thumbnail

What I learned new


변수

메모리에 저장한 뒤 읽어들여서 재사용 => 변수

변수의 5가지 주요 개념

변수 이름 : 저장된 값의 교유 이름
변수 값: 변수에 저장된 값
변수 할당: 변수에 값을 저장하는 행위
변수 선언: 변수를 사용하기 위해 컴퓨터에 알리는 행위
변수 참조: 변수에 할당된 값을 읽어오는 것

변수 선언 방법

var : 재선언 o, 재할당 o
let : 재선언 x, 재할당 o
const : 재선언 x, 다른 값 할당 x

데이터 타입

숫자

정수
let num1 = 10;
console.log(num1); 		//10
console.log(typeof num1); 	// number
실수
let num2 = 3.14;
console.log(num2);		// 3.14
console.log(typeof num2);		// number
지수
let num3 = 2e5; // 2 x 10^5
console.log(num3);		// 250000
console.log(typeof num3);		// number
NaN (Not a Number)
let num4 = 'hello' / 2;
console.log(num4)
Infinity
let num5 = 1 / 0;
console.log(num5);		// Infinity
console.log(typeof num5);	// number
-Infinity
let num6 = -1 / 0;
console.log(num6);		// -Infinity
console.log(typeof num6);		// number

문자 : string

let str = "hello world!"
console.log(str);		//hello world!
console.log(typeof str);	// string
문자열 길이 확인하기

str.length

let str = "hello world!"
console.log(str.length); 	// 12
문자열 결합하기

str1.concat(str2) : str1 뒤에 str2 결합

let str1 = "hello, ";
let str2 = "world!";
let result = str1.concat(str2);
console.log(result);		// hello, world!
문자열 자르기

str3.substr(n, n1) : n에서부터 n1의 갯수 만큼 잘라서 반환
str3.slice(n, n2) : n에서부터 n1까지 잘라서 반환

let str3 = 'hello, world!';
console.log(str3.substr(7, 5));		//world
console.log(str3.slice(7, 12));		//world
문자열 검샘

str4.search("문자") : 문자가 시작되는 index 반환

let str4 = 'hello, world!';
console.log(str4.search("world!"));		//7
문자열 대체

str5.replace('문자1', '문자2') : 문자1을 문자2로 대체

let str5 = 'hello, world!';
let result01 = str5.replace('world!', 'javascript');
console.log(result01);		// Hello, JavaScript!
문자열 분할

str6.split(',') : , 기준으로 분할

let str6 = '싸과, 바나나, 오렌지';
let result02 = str6.split(',');
console.log(result02);		// ["사과", " 바나나", " 오렌지"]

불리언(Boolean)

truefalse

let bool1 = true;
console.log(bool1);		// true
console.log(typeof bool1);

let bool2 = false;
console.log(bool2)		// false
console.log(typeof bool2);			// boolean
undefine : 정의되지 않은 => 값 할당x
let x;
console.log(x);		//undefined
null : 값이 존재하지 않음을 명시적으로 나타내는 방법

null != undefined

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

형변환

암시적 형변환

다른 타입 + 문자: 문자열로 변환.

let result1 = 1 + '2';
console.log(result1);		//12
console.log(typeof result1);		// string

let result2 = true + '2';
console.log(result2);		//true2
console.log(typeof result2);		//string

다른 타입 (-, *, /, % ) 숫자 :숫자열로 반환

let result3 = 1 - '2';
console.log(result3);		// -1
console.log(typeof result3);		//number
let result4 = '1' * '2';
console.log(result4);		// 2
console.log(typeof result4);		//number

명시적 형변환 ( 타입 변환 써주기)

Boolean() : T/F값으로

=> 공백, null,undefine,0,NaN => F
=>값이 있는 문자열,{} => T

String() : 문자열
Number() : 숫자형

연산자

산술 연산자

+, -, *, /, %

할당 연산자

=, +=, -=, /=, %=

비교 연산자

===,!==,<,>

논리 연산자(&&)

논리곱(&&) : 둘 다 T 일 때
console.log(true && true); //T
console.log(true && false); //F
console.log(false && false); //F
console.log(false && true); //F
논리합(||) : 둘 중 하나라도 T 일 때
console.log(true || true); //T
console.log(true || false); //T
console.log(false || false); //F
console.log(false || true); //T
논리 부정(!)
console.log(!true);		
let a = true;		//f
console.log(!a);		//F
삼항연산자 (조건 ? 참:거짓)
let x = 10;
let result = (x > 5) ? '크다' : '작다';
console.log(result);		// 크다
타입연산자 (typeof)

함수 = function(기능)

input과 output!

함수 선언문

function add(매개변수){
    // 함수 내부 로직
}

함수 표현식

let add2 = function (){
    return a + b;
};

ex) 두 개의 숫자를 입력 받아서 덥셈을 한 후 내보내는 함수.

function add(a, b){
    return a + b;
}

함수를 호출

함수명() ex) add(입력값,입력값)

console.log(add(2,3)); //5

let functionResult = add(3,4); 
console.log(functionResult)		//7

let functionResult2 = add(10,20)
console.log(functionResult2);		//30

0개의 댓글