[JS] JS(ECMAScript)개요와 연산자 기초 정리

 

🍋 ECMA Script 개요

• 자바스크립트 국제 표준화 기구
• 2015년도에 6버전이 나오면서 JS의 전성기가 시작됨.
• 클래스와 모듈같은 복잡한 응용 프로그램을 작성하기 위한 새로운 문법이 추가
• 프로젝트가 어떤 버전을 적용하는지 확인하기
• 최신버전에서 구버전에서도 구동될 수 있도록 해주기도 함.
• 'JAVA' 와는 다른 새로운 문법.
• 자바와 직접적인 관계가 없음.

https://ko.wikipedia.org/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8

ECMA스크립트 - 위키백과, 우리 모두의 백과사전

---

 

🍋 데이터 타입 확인

Typeof

console.log(typeof 'Hello World!') // string
console.log(typeof 123) // number
console.log(typeof true) // boolean
console.log(typeof undefined) // undefined

// null {} [] => object
console.log(typeof null) // object
console.log(typeof {}) // object
console.log(typeof []) // object

// typeof 함수 만들기
// slice메소드로 특정 데이터의 상세 타입만을 출력
function getType(data) { 
   return Object.prototype.toString.call(data).slice(8, -1)
 }

console.log(getType(123)) // Number
console.log(getType(false)) // Boolean
console.log(getType(null)) // Null
console.log(getType({})) // Object
console.log(getType([])) // Array

• JS에서 Typeof와 같은 함수는 따로 js파일을 만들어 모듈화해서 다른 곳에서 import하여 사용가능

 

🍋 산술, 할당 연산자

산술 연산자

// 산술 연산자(aritnmetic operator)
console.log(1 + 2)
console.log(5 - 7)
console.log(3 * 4)
console.log(10 / 2)

// 나머지 연산자 %
console.log(7 % 5) // 2

할당 연산자

// 할당 연산자(assignment operator)

let a = 2
// a = a + 1
// a += 1
// a -= 1
// a *= 2
// a %= 2

console.log(a)

 

🍋 비교/논리 연산자

일치 연산자   ===    !==

// 비교 연산자 (comparison operator)
const a = 1
const b = 3
console.log(a === b) // false

// 데이터 타입, 내용 비교
function isEqual(x, y) {
  return x === y
}
console.log(isEqual(1, 1)) // true
console.log(isEqual(2, '2')) // false

console.log(a !== b) // true
console.log(a < b) // true
console.log(a > b) // false

// equal 기호는 꺽쇠괄호 뒤에 작성.
console.log(a <= b) // true
console.log(a >= b) // false

논리 연산자

// 논리 연산자
const a = 1 === 1
const b = 'AB' === 'AB'
const c = true

console.log(a) // true
console.log(b) // true
console.log(c) // true

// &&: and 연산자, 하나라도 false이면 false
console.log('&&: ', a && b && c) // &&: true

// ||: or 연산자, 하나라도 true이면 true
console.log('||: ', a || b || c) // ||: true

// !: 부정연산자 : 반대값 반환
console.log('!: ', !a) // !: false

 

🍋 삼항 연산자

// 삼항 연산자(ternary operator)

const a = 1 < 2

if (a) {
  console.log('참') // 참
} else {
  console.log('거짓')
}

// 항이 3개 있고, ? 와 : 로 구분.
console.log(a ? '참' : '거짓') // 참