23.05.22) 자바스크립트 문법 정리

💻오늘 배운 수업

📕변수

1.변수 : 메모리에 저장하고 읽어들여서 재사용 할 수 있다.

 변수의 5가지 주요 개념

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

2.변수를 선언할 수 있는 3가지 방법 : var, let, const

  *var : 똑같은 이름으로 다시 선언할 수 있다 + 재할당이 가능하다

var myvar = "hello wold";
var myvar = "test ";
myvar = "goodbye";
console.log(myvar);

  *let : 재할당이 가능하다

let mylet = "hello wold 1";
//let mylet ="test 1"; (다시 선언할 수 없음)
mylet = "goodbye 1"; (재할당)
console.log(mylet);

 *const : 상수

const myconst = "hello wold 2";
// let mylet ="test 2";
// mylet = "goodbye 2";
console.log(myconst);

📗데이터 타입 : 코드를 작성할 때가 아니라, 터미널에 코드가 실행될 때 타입이 결정된다.

1. 숫자 : 정수, 실수, 지수형, Nan, infinity

숫자 (" " 가 안들어간다)

1. 정수

let num1 = 10;
console.log(num1); //10
console.log(typeof num1); //number

2. 실수 (float)

let num2 = 3.14;
console.log(num2); //3.14
console.log(typeof num2); //number

3. 지수형 (exp)

let num3 = 2.5e5; //2.5 x 10^5
console.log(num3); //250000
console.log(typeof num3); //number

4. Nan : Not a Number (숫자가 아님을 나타내는 값)

let num4 = "hello" / 2; 
console.log(num4); //Nan

5. infinity (무한대)

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

6. infinity (무한대)

let num6 = -1 / 0;
console.log(num6); //-infinity
console.log(typeof num6);//number

2. 문자 : 문자열 나열, 길이, 결합, 자르기, 검색, 대체, 분할

문자 string (' ' = " “)

1. 문자열 나열

let str = "hello world!";
console.log(str); //hello world!
console.log(typeof str); //string

2. 문자열 길이 확인

console.log(str.length); //12

3. 문자열 결합 (concatenation)

let str1 = "hello, ";
let str2 = "wolrd!";
let result = str1.concat(str2);
console.log(result); // hello, wolrd!

4. 문자열 자르기

    *substring : 시작 위치부터 몇 개까지 자를 것인지 지정 

    *slice : 시작 위치부터 끝 위치까지를 지정

let str3 = "hello, world!";
console.log(str3.substr(7, 5)); //world
console.log(str3.slice(7, 12)); //world

5. 문자열 검색 (search) 몇 번째에 위치했는지 알려줌

let str4 = "hello, world!";
console.log(str4.search("world")); //7

6. 문자열 대체 (replace)

let str5 = "hello, world!";
let result2 = str5.replace("world", "javascript");
console.log(result2); //hello, javascript!

7. 문자열 분할 (split)

let str6 = "apple, banana, kiwi";
let result3 = str6.split(",");
console.log(result3); // [ 'apple', ' banana', ' kiwi' ]

3. 불리언 (boolean) 

true(참), fales(거짓)

let bool1 = true;
let bool2 = false;

console.log(bool1); //true
console.log(typeof bool1); //boolean
console.log(bool2); //false 
console.log(typeof bool2); //boolean

4. underfined

un : not/ define : 정의하다 -> 정의 되지 않은 값이 할당되지 않은 변수

let x;
console.log(x); // undefined

5. null

값이 존재하지 않음을 '명시적'으로 나타내는 방법 (값이 없음을 일부러 표현하는 방법)

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

6. object {}

객체 : key-value pair기억하기

let person = {
  name: "choi",  //name(key) : "choi"(value)
  age: 20,
  ismarried: true,
};

console.log(typeof person); //object

7. array []

배열 : 여러 개의 데이터를 순서대로 저장하는 데이터 타입

(배열 하나하나가 인덱스를 가지는데 이 뜻은 자기의 위치에 대한 데이터를 가지고 있다 : 시작은 0부터)

let number = [1, 2, 3, 4, 5];
let fruits = ["apple", "banana", "orange"];

📙형 변환 : 자바스트립트 데이터 타입의 형태를 바꾼다.

1.암시적 형 변환 : 의도하지 않았지만 자동으로 바뀜 

:의도하지 않았지만 자동으로 바뀜 

 

1. 문자열 : 문자열과 다른 데이터 타입이 더하기 연산자로 만나면 문자열이 우선시

    👉ex) {}, null, undefined + "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

2. 숫자 : 빼기, 나누기, 곱하기 연산자는 항상 숫자가 우선시

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. 명시적 형 변환 : 개발자가 의도적으로 바꿈

:기본적으로 어떠한 형태로 형 변환하겠다는 것을 명시적으로 써줘야 한다.

 

1. Boolean

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")); //빈 문자열이 아닌 어떤 값(false여도)이 있는 문자열은 무조건 true
console.log(Boolean({})); //객체는 값이 비어있어도 true

2. 문자열

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

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

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

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

let result9 = String(undefined);
console.log(result9); //undefined
console.log(typeof result9); //string

3. Number (문자열을 넣어도 숫자열로 출력)

let result10 = Number("123");
console.log(result10); //123
console.log(typeof result10); //number