JS_문자열(String)

문자열에 대하여 알아보자


문자열?

우리가 일상에서 확인할 수 있는 글자를 문자열(string)이라고 한다.

당연하게 알 수 있는

"안녕하세요, 저는 000 입니다"

이런식이다.

Javascript에서는 문자열을 다룰수 있는데, 한가지 예제를 들어보겠다.

let word = "Nice to Meet You"
여기에서 "Nice to Meet You"라는 문자열을 word라는 변수에 담아주었는데
글자 수를 센다라고 하면 1,2,3,4 이런식으로 세는게 아닌 0,1,2,3 이런식으로 센다.

문자열을 담아준 변수에서 7번째 인덱스를 찾는다고 하면
console.log를 통해서 찾아볼수 있다.

console.log(word[7]) 결과는 " "

왜?

0부터 센다라고 했으니까 word라는 변수에 담아준 문자열은 Nice to Meet You였으니까 0번째는 "N", 1번째는 "i" 2번째는 "c".... 쭉쭉쭉~~


또한, 문자열은 +연산자를 사용할수 있다.

예를 들어 "Hey!" + "What's Up!" 라고 쓰면 "Hey!What's Up!"이라 나올것이다...

			`좀... 부자연스러운데??...` 

그러면 가운데 한 칸 띄워야 겠다라고 생각이 든다면 빈칸도 문자열로 볼수 있으니까
" " (<- space bar 한개 넣었다...) 를 사이에 더해 준다.

"Hey!" + " " + "What's Up!"
요렇게.. 결과는?

"Hey! What's Up!"


오.. 그러면 method도 있겠네??

문자열에도 method는 있다.

String.prototype.split()
split() method는 string 객체를 지정한 구문을 통하여 구분자를 이용하여 여러 개의 문자열로 나눈다.

하나의 예제로
let str = "working holiday"
str이라는 변수에 문자열 working holiday를 담는다라고 할때
str.split('')
여러개의 문자열로 나누는 method를 입력하면⤵️
["w", "o", "r", "k", "i", "n", "g", " ", "h", "o", "l", "i", "d", "a", "y"]
이렇게 나온다.

그러면 ('')가 아니라 ()라면?
str.split() ➡️ ["working holiday"]

왜냐하면 ("")를 입력하지 않았기에, str에 담아준 문자열이 그대로 나온다.

String.prototype.indexOf()
indexOf() method는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다. 일치하는 값이 없으면 -1을 반환한다.

아까 예제로 썼던 let str = "working holiday"으로 한번 보면
indexOf()에서 ()안에 찾고자하는 문자를 입력하면 몇 번째 인덱스에 있는지 확인하는거다.

str.indexOf("a")를 하면 13 으로 나온다.
왜?

["w"=0, "o"=1, "r"=2, "k"=3, "i"=4, "n"=5, "g"=6, " "=7, "h"=8, "o"=9, "l"=10, "i"=11, "d"=12, "a"=13, "y"=14]

이렇게 나오지 않지만 이해를 위해 작성을 하였다.

String.prototype.includes()
includes() 메서드는 하나의 문자열이 다른 문자열에 포함되어 있는지를 판별하고, 결과를 true 또는 false 로 반환한다.

즉, includes()에서 ()안에 문자를 넣으면 그 안에 있는지를 true 혹은 false로 나온다.

str.includes("z") 를 하면 결과는 false

그외에 더 많은 method들이 있지만...
추후에 더 정리를 해보자!

좋은 웹페이지 즐겨찾기