배열을 문자열로
const array = ["a", "b", "c"] ;
★ [1]. join()
console.log(array.join(""));
console.log(array.join("-"));
| "abc" "a-b-c" |
[2]. toString() : 자동으로 , 구분자 사용된다
console.log(array.toString());
| "a,b,c" |
[3]. reduce()
const str = array.reduce((acc,cur)=> acc + cur, "");
console.log(str)
| "abc" |
문자열을 배열로
const str = "abc"
[1]. split() : 구분자 기준으로 배열을 만든다, ""을 사용하면 한 글자씩 배열로
console.log(str.split(""));
console.log(str.split("b")); //구분자
| ["a","b","c"] ["c"] |
★ [2]. 스프레드 문법(...)
console.log([...str]);
| ["a","b","c"] |
[3]. Array.from()
console.log(Array.from(str));
console.log(Array.from(str,c => c.toUpperCase()));
| ["a","b","c"]; ["A","B","C"]; |
※ 문자열은 배열처럼 인덱스로 접근 가능하다.
console.log(str[0]);
console.log(str[str.length - 1]);
| "a" "c" |
반응형
'프론트엔드 > javascript' 카테고리의 다른 글
| javascript (16) - 캔버스만들기 #6 (기능추가) (0) | 2023.05.05 |
|---|---|
| javascript (16) - 캔버스 만들기 #5 (CSS적용) (0) | 2023.05.04 |
| javascript (16) - 캔버스 만들기 #4 (TEXT, SAVE ) (0) | 2023.05.04 |
| javascript (16) - 캔버스 만들기 #4 (색채우기, 이미지업로드) (0) | 2023.05.04 |
| javascript (16) - 캔버스 만들기 #4 (선 두께,모양, 색상팔레트) (0) | 2023.05.02 |