JS 데이터 API / String, Number, Math

🚨 JS 데이터 API / String, Number, Math

 

📍 MDN 웹페이지 tip

 

 

---

🌲 String 문자열

 

문자열은 생성자이므로 new String()과 같은 형태이며 이것을 리터럴 방식으로 표현할 때는 prototype을 생략할 수 있다.

const h = 'hello world!'.indexOf('hello') // String.prototype.indexOf()

✅ String Properties

length : 문자열의 길이

const str = 'hello world'
console.log(str.length) //11

 

✅ String Methods |  String.prototype.메소드( ) 

문자열	메소드		결과
hello world	indexOf('world')	→	6
hello world	slice(0, 4)		hell
hello world	replace('hello', 'hi')		hi world
hello@world.com	match(/.+(?=@)/) [0]		hello
hello world	trim()		hello world

 

📍 indexOf()

자고로 개발초보자들은 mdn페이지는 차단하는 것이라고 했다

const str = 'hello world'
console.log(str.indexOf('world')) // 6
console.log(str.indexOf('hi')) // -1

📍 slice(0, 4)
첫 번째 인수 : 시작점

두 번째 인수 : 종료점 직전까지 추출

const str = 'hello world'
console.log(str.slice(0, 4)) // hell

📍 replace('wolrd', 'wall')
첫번째 인수를 찾아 → 두번째 인수로 변경

const str = 'hello world'
console.log(str.replace('world', 'wall')) // hello wall

두번째 인수에 빈 문자를 삽입하면 → 첫 번째 인수 제거

const str = 'hello world'
console.log(str.replace('world', '')) // hello

📍 match()
특정 문자데이터에서 정규표현식으로 특정 문자를 일치(match)시켜 배열데이터로 반환 후 원하는 정보를 인덱스로 추출해 사용

*정규표현식 RegExp
/.+(?=@)/ : @를 기준으로 앞쪽에 있는 내용의 첫글자(.)부터 최대한 많이(+)

const str = 'hello@world.com'
console.log(str.match(/.+(?=@)/)[0]) // hello

📍 trim()
문자열 양 끝의 공백 제거
ㄴ 로그인할 때 공백이 들어가는 것을 잡기 위해 사용됨

const str = '    hello world  '
console.log(str.trim())

---

🌲 Number

	메소드		결과	데이터 타입
3.141592	toFixed(2)	→	3. 14	string
3.14	parseInt()		3	number
3.14	parseFloat()		3.14	number

 

toFixed()메소드는 소수점 표기 자릿수를 결정하지만 데이터 타입은 문자열이다.

const pi = 3.141592
console.log(pi) // 3.141592

const str = pi.toFixed(2)
console.log(str) // 3. 14
console.log(typeof str) // string

 

📍 이때 문자열을 숫자로 바꾸는 전역 함수

parseInt : Integer(정수)를 분석

parseFloat : Float는 소수점을 유지하면서 숫자로 변환

const integer = parseInt(str)
const float = parseFloat(str)

console.log(integer) // 3
console.log(float) // 3.14
console.log(typeof integer, typeof float) // number number

 

 

---

🌲 Math

Math는 수학적인 상수와 함수를 위한 속성과 메소드를 가진 내장 객체입니다. 함수 객체가 아닙니다. (MDN)

 

Math 메소드	결과	메소드 설명
Math.abs(12)	12	절대값 absolute
Math.min(2, 8)	2	최소값
Math.max(2, 8)	8	최대값
Math.ceil(3.14)	4	올림
Math.floor(3.14)	3	내림
Math.round(3.14)	3	반올림
Math.random()	랜덤 숫자	난수