문자열 객체
이번 포스팅은 자바스크립트의 문자열 객체에 대한 포스팅입니다!
문자열 객체는 문자열 데이터를 다루는데 사용되는 자바스크립트 내장 객체, 이 객체를 사용하면 문자열을 조작하고 검색하며, 변환하고, 분리하고, 합칠 수 있습니다.
문자열 객체는 다양하게 있는데 그 중에서도 자주 사용되는 것들로 알아보도록 하겠습니다.
- includes()
- indexof()
- lastIndexof()
- match()
- search()
이 포스팅에서는 includes(), indexof(), lastIndexof() 에 대해 알아보고 match와 search는 다음 포스팅에서 알아보겠습니다 ☺️
⭐️ includes() : " ".inclouds(검색값, 위치값)
- includes()는 해당 문자열 포함 여부를 검색하여 불린을 반환합니다.
- includes()는 대소문자를 구별합니다.
1. "javascript reference".includes("javascript");
2. "javascript reference".includes("j");
3. "javascript reference".includes("J");
4. "javascript reference".includes("a");
5. "javascript reference".includes("reference");
6. "javascript reference".includes("reference, 11");
7. "javascript reference".includes("reference, 12");
console.log("javascript reference".includes("값, 위치값"))해설
1. "javascript reference" 라는 문자열 내에서 "javascript"라는 검색값이 있는지 확인하라.
▶ True
2. "javascript reference" 라는 문자열 내에서 "j"라는 검색값이 있는지 확인하라.
▶ True
3. "javascript reference" 라는 문자열 내에서 "J"라는 검색값이 있는지 확인하라.
▶ False
4. "javascript reference" 라는 문자열 내에서 "a"라는 검색값이 있는지 확인하라.
▶ True
5. "javascript reference" 라는 문자열 내에서 "reference"라는 검색값이 있는지 확인하라.
▶ True
6. "javascript reference" 라는 문자열 내에서 11번째 부터 검색해서 "reference"라는 검색값이 있는지 확인하라.
▶ True
7. "javascript reference" 라는 문자열 내에서 12번째 부터 검색해서 "reference"라는 검색값이 있는지 확인하라.
▶ Flase
위치값
위치값은 문자열의 순서입니다. 다만, 시작이 0부터이며 띄어쓰기를 포함합니다.
7번을 예시로 들자면
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
j a v a s c r i p t r e f e r e n c e
j는 0, a는 1 ... 이런식으로 순서가 진행됩니다. 그러므로
"javascript reference".includes("reference, 12");
reference라는 단어를 12번째부터 검색해라, 라는 의미이므로 12번째는 e이기 때문에 12번 e부터 19번 e까지 검색을 진행하게 됩니다.
r이 빠져있기 때문에 검색이 되지 않으므로 답은 false가 됩니다.
불린이란?
불린(Boolean)은 논리적인 값으로, 참(True) 또는 거짓(False) 중 하나를 나타내는 데이터 타입입니다.
⭐️ indexOf() : " ".indexOf(검색값, 위치값)
- 문자열을 검색하여, 주어진 값과 일치하는 첫 번째 위치값(index)을 반환합니다.
- 문자열을 검색하여, 주어진 값과 일치하는 것이 없으면 -1을 반환합니다.
- 대소문자를 구분합니다.
1. "javascript refercence".indexOf("javascript");
2. "javascript refercence".indexOf("javascripts");
3. "javascript refercence".indexOf("j");
4. "javascript refercence".indexOf("J");
5. "javascript refercence".indexOf("a");
6. "javascript refercence".indexOf("ja");
7. "javascript refercence".indexOf("jv");
8. "javascript refercence".indexOf("r");
9. "javascript refercence".indexOf("re");
10. "javascript refercence".indexOf("javascript", 0);
11. "javascript refercence".indexOf("javascript", 1);
12. "javascript refercence".indexOf("reference", 0);
13. "javascript refercence".indexOf("javascript", 11);
14."javascript refercence".indexOf("javascript", 12);
15. "javascript refercence".indexOf("r", 7);
16. "javascript refercence".indexOf("r", 12);
console.log("javascript reference".indexOf("값 , 위치값"))해설
1. "javascript reference" 라는 문자열 내에서 "javascript"라는 검색값이 있는지 확인하고 첫 번째 위치값을 반환하라.
▶ 0
* javascript라는 문자열의 시작이 j에서부터 시작하고 j가 첫 번째 위치값이기 때문에 j의 위치값인 0을 반환합니다.
2. "javascript reference" 라는 문자열 내에서 "javascripts"라는 검색값이 있는지 확인하고 첫 번째 위치값을 반환하라.
▶ -1
* javascripts라는 값이 존재하지 않기 때문에 -1을 반환합니다.
3. "javascript reference" 라는 문자열 내에서 "j"라는 검색값이 있는지 확인하고 첫 번째 위치값을 반환하라.
▶ 0
4. "javascript reference" 라는 문자열 내에서 "J"라는 검색값이 있는지 확인하고 첫 번째 위치값을 반환하라.
▶ -1
*대문자이기 때문에 -1을 반환합니다.
5. "javascript reference" 라는 문자열 내에서 "a"라는 검색값이 있는지 확인하고 첫 번째 위치값을 반환하라.
▶ 1
6. "javascript reference" 라는 문자열 내에서 "ja"라는 검색값이 있는지 확인하고 첫 번째 위치값을 반환하라.
▶ 0
7. "javascript reference" 라는 문자열 내에서 "jv"라는 검색값이 있는지 확인하고 첫 번째 위치값을 반환하라.
▶ -1
8. "javascript reference" 라는 문자열 내에서 "r"라는 검색값이 있는지 확인하고 첫 번째 위치값을 반환하라.
▶ 6
9. "javascript reference" 라는 문자열 내에서 "re"라는 검색값이 있는지 확인하고 첫 번째 위치값을 반환하라.
▶ 11
10. "javascript reference" 라는 문자열 내에서 "javascript"라는 검색값이 있는지 위치값 0번째부터 확인하라.
▶ 0
11. "javascript reference" 라는 문자열 내에서 "javascript"라는 검색값이 있는지 위치값 1번째부터 확인하라.
▶ -1
12. "javascript reference" 라는 문자열 내에서 "reference"라는 검색값이 있는지 위치값 0번째부터 확인하라.
▶ 11
13. "javascript reference" 라는 문자열 내에서 "javascript"라는 검색값이 있는지 위치값 11번째부터 확인하라.
▶ -1
14. "javascript reference" 라는 문자열 내에서 "javascript"라는 검색값이 있는지 위치값 12번째부터 확인하라.
▶ -1
15. "javascript reference" 라는 문자열 내에서 "r"라는 검색값이 있는지 위치값 7번째부터 확인하라.
▶ 11
16. "javascript reference" 라는 문자열 내에서 "r"라는 검색값이 있는지 위치값 12번째부터 확인하라.
▶ 15
⭐️ lastIndexOf() : " ".lastIndexOf(검색값, 위치값)
- 문자열을 역순으로 검색하여, 주어진 값과 일치하는 첫 번째 위치값(index)을 반환합니다.
- 문자열을 역순으로 검색하여, 주어진 값과 일치하는 것이 없으면 -1을 반환합니다.
- 대소문자를 구분합니다.
- indexOf() 와의 차이점은 정순과 역순입니다.
1. "javascript reference".lastIndexOf("javascript");
2. "javascript reference".lastIndexOf("javascripts");
3. "javascript reference".lastIndexOf("j");
4. "javascript reference".lastIndexOf("a");
5. "javascript reference".lastIndexOf("jv");
6. "javascript reference".lastIndexOf("reference");
7. "javascript reference".lastIndexOf("r");
console.log("javascript reference".lastindexOf("검색값, 위치값"));1. "javascript reference" 라는 문자열 내에서 "javascript"라는 검색값이 있는지 역순으로 확인하고 첫 번째 위치값을 반환하라.
▶ 0
2. "javascript reference" 라는 문자열 내에서 "javascripts"라는 검색값이 있는지 역순으로 확인하고 첫 번째 위치값을 반환하라.
▶ -1
3. "javascript reference" 라는 문자열 내에서 "j"라는 검색값이 있는지 역순으로 확인하고 첫 번째 위치값을 반환하라.
▶ 0
4. "javascript reference" 라는 문자열 내에서 "a"라는 검색값이 있는지 역순으로 확인하고 첫 번째 위치값을 반환하라.
▶ 3
5. "javascript reference" 라는 문자열 내에서 "jv"라는 검색값이 있는지 역순으로 확인하고 첫 번째 위치값을 반환하라.
▶ -1
6. "javascript reference" 라는 문자열 내에서 "reference"라는 검색값이 있는지 역순으로 확인하고 첫 번째 위치값을 반환하라.
▶ 11
7. "javascript reference" 라는 문자열 내에서 "r"라는 검색값이 있는지 역순으로 확인하고 첫 번째 위치값을 반환하라.
▶ 15