※ 자바 스크립트 연산자



1. '/'=> 실제 나누기 연산 결과
console.log(100/3)
'%'=> 나머지 값
console.log(100%3)
2. 비교연산자(==) vs 일치연산자(===)
console.log('6'==6)
console.log('6'===6)
3. 삼항연산자
참, 거짓에 따라 선택적으로 실행되는 조건문
조건문 ? 선택문1 : 선택문2
조건문 => True => 선택문 1 실행
=> False => 선택문 2 실행
let a = 10, b = 20
let res = a>b ? "a가 더 크다" : "b가 더 크다"
console.log(res)
1. '/'=> 실제 나누기 연산 결과
console.log(100/3)

'%'=> 나머지 값
console.log(100%3)

2. 비교연산자(==) vs 일치연산자(===)
- 문자열 '6' 과 숫자 6
console.log('6'==6)

console.log('6'===6)

3. 삼항연산자
참, 거짓에 따라 선택적으로 실행되는 조건문
조건문 ? 선택문1 : 선택문2
조건문 => True => 선택문 1 실행
=> False => 선택문 2 실행
ex) let a = 10, b = 20
let res = a>b ? "a가 더 크다" : "b가 더 크다"
console.log(res)

※ 자바 스크립트 형변환

형변환
let num ='3.14'
console.log(num)
1.문자-> 실수 parseFloat()
console.log('실수로 형변환',parseFloat(num))
2.문자-> 정수 paeseInt()
let intNum = parseInt(num)
console.log('정수로 형변환',intNum)
3.문자-> 숫자 Number()
let num1= '1.234', num2='3'
console.log(Number(num1))
console.log(Number(num2))
4. 숫자->문자 String()
let num3 = 45
console.log('문자로 형변환',String(num3))
toString
console.log('문자로 형변환',num3.toString())
※ 숫자일 경우 글씨 파란색, 문자열일 경우 검정색
let num ='3.14'
console.log(num)
=>

1. 문자-> 실수 parseFloat()
console.log('실수로 형변환',parseFloat(num))
=>

2. 문자-> 정수 paeseInt()
let intNum = parseInt(num)
console.log('정수로 형변환',intNum)
=>

3. 문자-> 숫자 Number()
let num1= '1.234', num2='3'
console.log(Number(num1))
console.log(Number(num2))
=>

4. 숫자->문자
String()
let num3 = 45
console.log('문자로 형변환',String(num3))
toString
console.log('문자로 형변환',num3.toString())

● 실습

1. 변수 num 선언
2. num안에 있는 숫자의 십의자리 일의자리를 버려준다.
Case 1 나누기 연산자를 이용한 풀이
let num1= 456
let num2=num1%100
let res=num1-num2
console.log(num1)
console.log("백의자리 버린 결과>",res)
Case 2 형변환 연산자를 이용한 풀이
let num3= 111
console.log(num3)
console.log("백의자리 버린 결과>",parseInt(num3/100)*100)


1. 사용자에게 값 2개를 입력 받아줌
(num1, num2)
prompt 사용=> 변수 안에 담아줌.
2. 결과 값 출력
'100과 200의 더한 결과>> 300'
let num1=prompt("입력")
let num2=prompt("입력")
res=parseInt(num1)+parseInt(num2)
console.log('100과 200의 더한 결과>',res)
console.log(num1+'과 '+num2+'의 더한 결과>',res)
반응형
'개발 공부 > JS, JQuery' 카테고리의 다른 글
자바스크립트 for each 문 , for in 문 , for of문 (0) | 2023.10.18 |
---|---|
자바 스크립트, 배열, 배열함수 (0) | 2023.10.18 |
자바 스크립트 기초, 실행위치 (0) | 2023.10.18 |
자바 스크립트 기초, 조건문, 반복문 (0) | 2023.10.18 |
자바 스크립트 기초, 입/출력, 변수선언 (0) | 2023.10.18 |