[javascript] JavaScript 변수(var,let,const)와 연산자(비교 연산자,대입 연산자, 산술 연산자, 논리 연산자)활용

 var

- 재할당, 재선언 모두 가능
- 재선언: 바람직하지 않음(중복선언)

 let

- 재선언 불가능
- 재할당 가능
- 초기화 작업 필요 없음(최소 선언시 값 할당 하지 않아도 됨)

 const

- 재선언, 재할당 모두 불가
- 변하지 않는 값을 변수에 저장할 때 사용
- 최초 선언 시 반드시 값 할당

1. 비교 연산자

1.1 = 은 대입연산자

1.2 == 값만 비교하는 연산자  

console.log(''=='0') //false
console.log(false == '0') //true
console.log('0' == 0) //true
console.log(''== 0) //true
console.log(undefined == null) //true

1.3 === 값과 data type까지 비교

console.log('=== 연산자')
console.log('1' === 1) //false
console.log(undefined === null) //false
console.log('' === 0) //false
console.log(1 === 1) //true

 

2. 크기 비교 연산자 (> , <, <=, >=)

console.log(2 > 1) //true
console.log(1 >= 1) //true
console.log(2 < 1) //false
console.log(2 <= 0) //false

 

3. 산술 연산자 (+, -, *, /, %, **)

console.log(1 + 2) // 3
console.log(1 - 2) // -1
console.log(1 * 2) //2
console.log(7/2) //3.5
console.log(7 % 2) // 1
console.log(7 ** 2) //49

 

4. 논리 연산자 (!, !!, &&(AND), ||(OR))

console.log(true)
console.log(!!true)
console.log(!!false)
console.log(true && true) //true

 

4.1 && (AND 연산자는 false일 확률이 높은 조건을 앞쪽에 배치)

     - 하나라도 false면 fasle 값
console.log(true && true && true & true && false) // false
console.log(false && true && true && true && true) // false

4.2 ||(OR 연산자는 true일 확률이 높은 조건을 앞쪽에 배치)

     - 하나라도 true면 true 값
console.log(true || true) //true
console.log(true || false) //true
console.log(false || false) //false

console.log(!(2 > 1)) //flase
console.log(2 > 1 && -2 < 1) // true
console.log((2 > 1 && -2 < 1) || 2 > 5) //true

4.3 문자와 변수를 같이 쓰는 방법

     - (+) 연산자 이용(문자열일 때는 문자열을 이어줌)
const str1 = 'allie'
const str2 = '서울'
console.log(str1 + '는 ' + str2 +'에 삽니다') 
console.log(str1,'는',str2,'에 삽니다.')
console.log(`${str1}는 ${str2}에 삽니다.`)
// allie는 서울에 삽니다.

const str3 = `${str1}는 ${str2}에 삽니다.`
const str4 = str1 + '는 ' + str2 +'에 삽니다'
//const str5 = str1,'는',str2,'에 삽니다.' // 불가능
console.log(str3)
console.log(str4)

 

var name = '홍길동'
var name = '고길동'
console.log(name)

let c;
c = 10; // 재할당
console.log(c) //undefind - > 10
//const b; 초기화 해야함 안그러면 오류!
const b = 10;
//b = 11; const는 재할당 불가

let q1 = 3;
//q1 = q1 - 3;
console.log(q1) // 3

//비교 연산자
console.log('== 연산자')
console.log(1 == 1) //true
console.log(1 == 2) //false
console.log(1 != 1) //false
console.log('1' == 1) //true
console.log('1' != 1) //false

// js의 이상한 점..
console.log(''=='0') //false
console.log(false == '0') //true
console.log('0' == 0) //true
console.log(''== 0) //true
console.log(undefined == null) //true

// 2. 비교연산자 === 
console.log('=== 연산자')
console.log('1' === 1) //false
console.log(undefined === null) //false
console.log('' === 0) //false
console.log(1 === 1) //true

// 크기 비교
console.log(2 > 1) //true
console.log(1 >= 1) //true
console.log(2 < 1) //false
console.log(2 <= 0) //false

//산술 연산
console.log('-----산술 연산자-----')
console.log(1 + 2) // 3
console.log(1 - 2) // -1
console.log(1 * 2) //2
console.log(7/2) //3.5
console.log(7 % 2) // 1
console.log(7 ** 2) //49

//논리 연산
console.log('-----논리 연산자-----')
console.log(true)
console.log(!!true)
console.log(!!false)
console.log(true && true) //true

// && (AND 연산자는 false일 확률이 높은 조건을 앞쪽에 배치)
// 하나라도 false면 fasle 값
console.log(true && true && true & true && false) // false
console.log(false && true && true && true && true) // false

// ||(OR 연산자는 true일 확률이 높은 조건을 앞쪽에 배치)
// 하나라도 true면 true 값
console.log(true || true) //true
console.log(true || false) //true
console.log(false || false) //false

console.log(!(2 > 1)) //flase
console.log(2 > 1 && -2 < 1) // true
console.log((2 > 1 && -2 < 1) || 2 > 5) //true

// 문자와 변수를 같이 쓰는 방법
const str1 = 'allie'
const str2 = '서울'
// allie는 서울에 삽니다.
/* 1. + 연산자 이용(문자열일 때는 문자열을 이어줌) */
console.log(str1 + '는 ' + str2 +'에 삽니다') 
console.log(str1,'는',str2,'에 삽니다.')
console.log(`${str1}는 ${str2}에 삽니다.`)

const str3 = `${str1}는 ${str2}에 삽니다.`
const str4 = str1 + '는 ' + str2 +'에 삽니다'
//const str5 = str1,'는',str2,'에 삽니다.' // 불가능
console.log(str3)
console.log(str4)

js 전체 코드

 

코드 실행 시 브라우저 console 실행 결과창