자바스크립트

정유영·2022년 1월 19일
0

Js 입문기

목록 보기
1/11

const → 변수 선언을 통해 코드를 간결하게

변수를 선언하지 않은 예시

console.log(10 + 2);
console.log(10 * 2);
console.log(10 / 2); X

변수를 선언한 예시

const a = 10;
const b = 2;

console.log(a + b);
console.log(a * b);
console.log(a / b); O

길이가 긴 변수를 선언할 때 → Camelcase

ex. VeryLongVariableName

const, let 의 차이점 (feat. var)

const는 절대 변하지 않는 값이다.

const myName = "youyoung";

console.log(myName);

myname = "youyoung123";

console.log(myName);

이렇게 입력하면 에러가 나온다.

하지만 let은 변할 수 있는? (업데이트 할 수 있는) 명령어이다.

let myName = "youyoung";

console.log(myName);

myname = "youyoung123";

console.log(myName);

이렇게 입력하면 처음 입력한 myName의 값, 밑에 입력한 myName의 값이 순서대로 나온다.

요약 : let 재선언 금지, 재할당 가능
const 재선언 금지, 재할당 금지
var 재선언 가능, 재할당 가능

true, false, null, undefined

  1. ture / false : 말 그대로 true / false
  2. null : null은 false랑 다르다.
    null은 '아무것도 없다는 것을 정의하는 것을 뜻함.'
    null은 절대 자연적으로 발생하지 않으며 변수(variable) 안에 어떤 것이 없다는 것을 확실히 하기 위해 쓰인다.
  3. undefined : 문자나 숫자가 아니고 아예 정해(defined) 주지 않았으며 메모리 상에 자리는 존재하나 값이 채워지지 않은 채로 있다.

array

array는 데이터를 나열하기 위한 방법 중 하나.
항상 [ ] 안에 콤마(,)로 데이터들을 나열한다.
변수도 쓰일 수 있고, boolean, text, 숫자 등 데이터 정렬이 가능하다.
ex) const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];

만약, 위의 변수에서 5번째 element 값을 알려주세요. 라고 한다면 어떻게 출력해야 할까?
ex) console.log(daysOfWeek[4]) 라고 해야 5번째 값을 출력할 수 있다.

왜냐하면 컴퓨터는 숫자를 0부터 세기 때문에, “mon”은 0번째라고 생각하면 된다.

array는 하나의 변수 안에 데이터의 list를 가지는 것. 다른 프로그래밍 언어에도 있는 가장 기초적이고 필수적인 데이터 구조! 값을 리스트로 정리하는 것

push

위의 상태에서 daysOfWeek이란 변수에 하나의 값을 더 넣고 싶다면 다음과 같이한다.
ex) daysOfWeek.push(“holiday”)

그러면 값은 ["mon", "tue", "wed", "thu", "fri", "sat", "sun", “holiday”];
이렇게 나온다.

object

object는 property를 가진 데이터를 저장해주며, {}를 사용한다.

const player = {
name:"youyoung",
points:10,
fat:fales,
}

console.log(player); => name: 'youyoung', points: 10, fat: true

console.log(player.name); or
console.log(player["name"]);=> youyoung

또한 property를 바꾸는 것은 가능하지만 선언된 object를 바꾸는 것은 불가능하다.
ex)
const player={
name:youyoung,
points:10,
fat:fales,
};

console.log(player);
player.name="jungyou";
console.log(player.name); => jungyou

property를 추가 할 수 있다.

player.koreanName="유영";

=>{name:"jungyou",points:10,fat:fales,koreanName:"유영"}

profile
안녕하세요.

0개의 댓글