728x90
300x250
SMALL
split() 메소드를 사용해서 문자열 배열로 변환할 수 있다.
콤마를 기준으로 배열로 변환하기
<p id="demo"></p>
<script>
let text = "a,b,c,d,e,f";
const myArray = text.split(","); // 콤마를 기준으로 분리
document.getElementById("demo").innerHTML = myArray[1];
</script>
실행결과
b
문자열의 ","를 기준으로 분리해서 배열로 변환 1번 두 번째 배열을 호출하면 b가 호출된다.
공백을 기준으로 배열로 변환하기
<p id="demo"></p>
<script>
let text = "a b c d e f";
const myArray = text.split(" "); //공백을 기준으로 분리
document.getElementById("demo").innerHTML = myArray[0];
</script>
실행결과
a
구분 기호를 생략할 경우
<p id="demo"></p>
<script>
let text = "a b c d e f";
const myArray = text.split();
document.getElementById("demo").innerHTML = myArray[0];
</script>
실행결과
a b c d e f
구분 기호를 생략한 경우 인덱스[0]에 전체 문자열이 포함된다.
문자열에서 각각의 단일 문자를 배열로 만들 경우
<p id="demo"></p>
<script>
let text = "abcdef";
const myArray = text.split("");
document.getElementById("demo").innerHTML = myArray[3];
</script>
실행결과
d
특별한 구분점이 없이 각각의 문자를 배열로 넣을때는 구분자를 ("") 이렇게 입력하면 단일 문자 배열이 만들어진다.
728x90
반응형
LIST
'javaScript > JS Tutorial' 카테고리의 다른 글
[javaScript] 지정된 텍스트 인덱스 위치 반환 indexOf() lastIndexOf() (0) | 2022.09.24 |
---|---|
[자바스크립트]문자열 배열로 변환하고 각 배열 반복문으로 출력 (0) | 2022.09.23 |
[javaScript]문자열 검색 search() indexOf() 차이점 (0) | 2022.09.21 |
[자바스크립트]Property Access 속성 접근자 (0) | 2022.09.20 |
[javaScript]정규식 일치 항목 객체 반환 match() (0) | 2022.09.19 |
댓글