JavaScript 내장함수 문자열(string)편

내장객체란?:JavaScript엔진에 내장된 객체를 말한다. Object객체, Number객체,Date객체,Array객체,Math객체 등등 다양한 객체가 존재하는데
이 내장객체들을 이용하여 다양한 기능을 할 수 있기때문에 필수적으로 알아두어야한다.

String 객체 : 문자열을 다루는 JS내장함수이다.

length: 문자열에 길이를 알려주는 기능을한다. 이때 띄어쓰기도 길이에 포함된다.

ex)

let avengers ="iron man"

console.log(avengers.length)

indexOf() : 어떤 변수안에 내가 원하는 문자가 있는지 조회할수있고 있다면 몇번째에 있는지 알려주는 기능을한다. 만약 조회한 문자가 없다면 -1을 출력한다.
조회한 단어가 있다면 그단어에 첫번째 인덱스 번호를 출력한다. 만약 찾고자하는 문자열이 2개이상이라면 제일 처음에 위치한 문자열에 인덱스번호를 출력한다.

 ex)

let avengers ="iron man man"

console.log(avengers.indexOf("man"))

위코드에서 indexOf를이용해 avengers라는 변수에 man이라는 단어를 조회했고 조회한단어에 첫번째인m에 인덱스번호인 5를 출력하는것을 알 수 있다.

lastIndexOf(): lastIndexOf는 찾고자하는 문자열이 2개이상일때 마지막에 위치한 문자열에 인덱스번호를 출력한다.

let avengers ="iron man man"

console.log(avengers.LastIndexOf("man"))

위코드에서 indexOf()와다르게 LastIndexOf를 이용하면 9를 출력하는것을 알수있다.

indexOf()와 lastIndexOf()둘다 2번째 파라미터에 문자를 찾기시작할 시작점을 설정해 줄 수 있다. 

ex)

let avengers ="iron man man"

console.log(avengers.IndexOf("man",3))

위코드를 보면 2번째 파라미터에 3를 넣어줬기때문에  iron다음부터 man을 찾기시작하지만 index번호에 차이는 생기지않는다 

slice(): 슬라이스는 문자열을 잘라내어 반환하는데 이때 1번파라미터에는 잘라낼 시작점 2번파라미터에는 종료점을 넣어준다. 또한 본래 값은 변하지않는다.
ex)

let str ="Apple, Banana, Kiwi"
let res = str.slice(0,4)

console.log(res)
console.log(str)

위코드에서 slice를쓸때 주의점은 1번파라미터인 시작점은 잘라내어 도출되는 문자에포함되지만 종료점은 포함되지않는다 즉 위코드에서 종료점인 index번호 4에해당하는e는 도출되지않아
Appl 이라는 문자가 도출된다는 의미이다. 또한 str이라는변수를 console창에 출력해보았을때 문자열에변화가없을것이다 이게 본래 값은 변하지않는다는 의미이다.

또한 종료점인2번파라미터는 생략가능한데 종료점을 생략하게 되면 시작점인 1번파라미터부터 문자열에 끝까지 잘라내어 도출한다
ex)

let str ="Apple, Banana, Kiwi"
let res = str.slice(7)

console.log(res)

또한 slice()에 음수값을 주면 문자열 마지막부분을 시작으로 정해진 부분까지 출력한다
ex)

let str ="Apple, Banana, Kiwi"
let res = str.slice(-12)

console.log(res)

substring(): substring()은 slice()와 동일한 기능을하는데 음수값을 허용하지않는다. 

replace(): replace()는 문자열에서 어떤 문자를 바꿔주는기능이있다. 이때 1번파라미터에는 변경할문자를 넣어주고 2번파라미터에는 변경될 문자를 넣어준다. 
또한 변경할 문자가 2개이상있더라도 제일 처음에있는 문자만 변경되고 slice()처럼 본래 문자에는 변화가없다.

ex)

let str ="please visit seoul and seoul"
let res = str.replace("seoul","Jeju")

console.log(res)
console.log(str)

toUpperCase() , toLowerCase()

toUpperCase(): 해당문자열을 전부 대문자로 변경합니다.
ex)

let str ="Hellow World"
let res = str.toUpperCase()

console.log(res)
console.log(str)

toLowerCase():해당문자열을 전부 소문자로 변경합니다.
ex)

let str ="Hellow World"
let res = str.toLowerCase()

console.log(res)
console.log(str)

toUpperCase() , toLowerCase() 둘다 본래 문자에는 변화가없습니다.

concat(): concat()은 2개이상의 문자열을 하나로 합춰줍니다.

let str1 ="Hellow"
let str2 ="World"

res = str1.concat(" ",str2," ",str1)
console.log(res)
console.log(str1)

위코드와 같이 합칠문자나 변수를 ()안에 계속넣어주어 합칠 수 있습니다.

trim() = trim()은 문자열안에 공백을 전부없에준다 
ex)

let str1 ="             Hellow             "
res = str1.trim()

console.log(res)
console.log(str1)

padStart(),padEnd()

padStart(): padStart()는 문자열 앞에 지정된문자를 지정된길이만큼 추가하는 기능이있다. 이때 첫번째파라미터에는 문자에 총길이값을 넣고 두번째 파라미터에는 추가할 문자를 넣는다.

ex)

let str ="Hi"
res = str.padStart(4,"k")
console.log(res)
console.log(str)

padEnd(): padEnd()는 문자열 뒤에 지정된문자를 지정된길이만큼 추가하는 기능이있다. padStart와동일하게 첫번째파라미터에는 문자에 총길이값을 넣고 두번째 파라미터에는 추가할 문자를 넣는다.
ex)

let str ="5"
res = str.padEnd(4,0)
console.log(res)
console.log(str)

charAt():charAt()은 문자열에서 특정 인덱스에 해당하는 문자를 반환한다 
ex)

let str ="Hellow"
res = str.charAt(1)
console.log(res)
console.log(str)

위코드와같이 charAt에 1을넣어 인덱스번호가 1인 e를 출력하는것을 볼 수 있다.

split(): split()는 문자열안에 특정 문자를 기준으로 문자열을 분리한다.  이때 분리하는 기준문자는()안에넣어준다 또한 분리된 문자는 배열에 형식으로 출력된다.

ex)

let str ="1997-05-16"
res = str.split("-")
console.log(res)
console.log(str)

startsWith(), endsWith()

startsWith():startsWith()는 특정문자로 시작되는지 확인할때 사용하는 기능이다 true 또는 false로 특정문자로 시작되는지에 대한 여부를 알 수 있다. 
ex1)

let str ="안녕 디지몬!"
res = str.startsWith("안녕")
console.log(res)
console.log(str)

ex2)

let url = "http://website.com" 

if(url.startsWith("http://")||url.startsWith("https://")){
  alert("옳바른 주소입니다.")
}else{
  alert("잘못된 주소입니다.")
}

endsWith() : endsWith()는 특정문자로 끝나는지 확인할때 사용하는 기능이다 true 또는 false로 특정문자로 끝나는지에 대한 여부를 알 수 있다.
ex1)

let str = "안녕 디지몬!"
let les = str.endsWith("지몬!")

console.log(les)
console.log(str)

 

ex2)

let file = "abc.pdf"

if(file.endsWith(".pdf")){
  alert("이 파일은 pdf파일입니다.")
}else{
  alert("pdf파일이 아닙니다.")
}