JavaScript Basic

[waterm1592]

1. 데이터 타입

• Number(integer, float)

• integer와 float끼리의 연산 가능

• String

• " + " 연산자로 두 문장 이어주기 가능

• Boolean

• true, false

• null/undefined

• null: 값이 없음, undefined: 값이 정의되지 않음

2. 변수

• console.log() 로 콘솔창에 괄호 안의 메시지 출력
• 이름이 긴 변수 생성 시 camelCase 방식 사용
• let

• 값 업데이트 가능

• const

• 값이 바뀌지 않음

• var (사용 X)

• 값 업데이트 가능, 재선언 가능

3. 배열

• [] 안에 콤마(,)로 데이터들을 나열
• Number, String, Boolean 타입 데이터들 정렬 가능
• 0번째부터 시작
• arrayname.push()로 요소 추가 가능

4. 객체

• 데이터에 정보가 필요할 때 사용
• const name = {
  name: "soomin",
  points: 10,
  fat: true,
  }; 의 형식으로 사용
• property 수정, 추가 가능

5. 함수

• function name (argument) {
  code
  }; 의 방식으로 선언
• 괄호 안의 argument는 자료형을 명시하지 않아도 ok
• 객체 안에서는 name: function()의 형태

6. 반환

• return으로 함수의 결과값 반환.
• return 이후의 작업은 수행되지 않음

7. 조건문

• prompt: 사용자로부터 값을 입력받음(기본이 string)
  -> 허나 javascript의 코드를 정지시키고 CSS 적용이 불가하여 사용하지 않음
• typeof value: 변수의 타입을 확인할 수 있음
• parseInt(): int 타입으로 바꿔줌
• isNaN: 인자가 NaN인지 true, false로 판별
• if(condition) {
  code;
  } else {
  code;
  } 의 방식으로 조건문 사용, 조건이 2개보다 많을 경우 else if 사용
• and: &&, or: ||
• ==: 값만 비교, ===: 유형도 비교(사용 추천), !==: 같지 않음