Javascript : Number와 String 메서드

i_sy_code·2022년 1월 23일
3
post-thumbnail

1. 메서드란?

메서드란 미리 정의한 동작을 수행하는 코드 뭉치이다.

엥?? 그럼 대체 함수랑 다른 게 무엇이냐고?
바로 '독립성'이다.
비유를 하자면 함수는 무소속이고, 메서드는 특정 정당에 소속되어 있는 당원이라고 생각하면 된다.
즉, 국민의 힘, 더불어 민주당을 '객체'라고 볼 때 메서드는 각 당에 속해 있는 그 분들이다.
(정치 발언 아니다.)

객체(Object)는 중괄호{}로 나타내며 key값과 value값으로 구성되어 있다.
이 때 key와 value를 묶어서 프로퍼티(property, 속성)라고 부른다.

let object = {key : value}

프로퍼티 값이 함수일 경우, 우리는 그것을 메서드라고 부르기로 하는 것이다.
우리는 이 객체를 직접 만들 수도 있고, 이미 만들어져 있는 객체를 사용할 수도 있다.
만들어져 있는 객체라 함은 자바스크립트 내장객체를 말한다.
String, Number, Boolean, Date, Array, Math 등 우리가 따라 생성하지 않아도 바로 사용할 수 있는 고마운 친구들이 있다.





2. Number 메서드

자, 그럼 이제 Number당에 소속되어 있는 메서드들에 대해 알아보자.

2-1 ) .isInteger : 정수 판별 불리언

말그대로 알고자하는 대상이 정수인지 아닌지를 판별해주는 메서드다.
불리언(boolean, 논리자료형)이므로 참, 거짓으로 호출된다.

Number.isInteger(3)      //true
Number.isInteger(3.14)   //false
Number.isInteger(0)      //true, 0도 정수다.

2-2 ) .parseInt : 정수 추출

parse가 뭘까? 바로 parsing의 줄임말이다.
파싱한다는 것은 문장의 구성 성분을 분석한다는 의미다.
즉, 문장을 분석해서 그 안에 정수가 있는지 찾아내는 메서드인 것이다.
단, 숫자나 숫자로 시작하는 문자열에만 쓸 수 있음

Number.parseInt("12간지")    //12
Number.parseInt("간지12")    //NaN (=Not a Number)
Number.parseInt("3.14")     //3 (문자열)
Number.parseInt(3.14)       //3 (숫자)

2-3 ) .parseFloat : 실수 추출

.parseInt에서 .parseFloat로 바뀌었다.
한 마디로 기능은 같으나 대상만 다르다는거다.
문장 내에서 실수를 추출하는 메서드다.
단, 숫자나 숫자로 시작하는 문자열에만 쓸 수 있음

Number.parseFloat("12.5간지")    //12.5
Number.parseFloat("간지12.5")   //NaN
Number.parseFloat("3.14")    //3.14
Number.parseFloat(3.14)       //3.14




3. String 메서드

3-1 ) .toUpperCase .toLowerCase : 대문자 변환, 소문자 변환

메서드명에 힌트가 다 있다. 대문자로. 소문자로.
아~주 직관적이어서 좋다.

let hello = "Nice To Meet You"
hello.toUpperCase()    //NICE TO MEET YOU
hello.toLowerCase()    //nice to meet you

3-2 ) .split(기준) : 기준 양 옆으로 문자열 분리

괄호안에 어떤 기준을 부여해주느냐에 따라 다르게 문자열이 분리된다.
이 때, 데이터 타입은 배열로 반환된다.

let goodbye = "민수야, 잘가. 512b번 버스 타고 가."
goodbye.split("야")    //[ '민수', ', 잘가. 512b번 버스 타고 가.' ]
goodbye.split("2")    //[ '민수야, 잘가. 51', 'b번 버스 타고 가.' ]
goodbye.split(".")    //[ '민수야, 잘가', ' 512b번 버스 타고 가', '' ]
goodbye.split(" ")    //[ '민수야,', '잘가.', '512b번', '버스', '타고', '가.' ], 띄어쓰기를 기준으로 함.
goodbye.split("")     //[ '민', '수', '야', ',',  ' ','잘', '가', '.',  ' ',  '5','1',  '2',  'b',  '번', ' ','버', '스', ' ',  '타', '고',' ',  '가', '.'], 
                        * 기준을 정해주지 않으면 전체 문자열을 배열의 각 요소로 반환함.

3-3 ) .replace("치환하고픈 문자", "치환하려는 문자") : 문자열 치환

문자열을 수정하고 싶을 때 사용한다.
괄호 속에 치환하려는 대상을 먼저 적고, 그 뒤에 치환하고자 하는 내용을 적는다.

let year = "2021년 안녕"
year.replace("안녕", "잘가")   //2021년 잘가
year.replace("1", "2")       //2022년 안녕
profile
삶은 끊임없이 나의 한계와 맞서는 일이다.

8개의 댓글

comment-user-thumbnail
2022년 1월 23일

메소드 설명해주는 글이 술술 읽혀요... 최고..💃

1개의 답글
comment-user-thumbnail
2022년 1월 23일

앞서 블로그 방향성에 대해 얘기 해주셨는데 송이님의 스타일이 잘 묻어난 것 같아 읽기 좋았습니다.👍 👍

1개의 답글
comment-user-thumbnail
2022년 1월 24일

예시가 적절하게 들어가있어서 설명이 잘 이해가 됐습니다!

1개의 답글
comment-user-thumbnail
2022년 1월 24일

와,, 나중에도 다시 들어와서 봐야될 것 같아요!!
송이님 항상 유용한 것들만 가져와서 알려주시는 것 같아요 👩‍🏫💝

1개의 답글