728x90
반응형
목차
선언
String()
문자열 객체 = valueOf()
let title = '자바스크립트';
// typeof(title); → string으로 인지
let title = new String('자바스크립트');
// typeof(title); → object로 인지
메소드
replace(), replaceAll()
2022.05.06 - [개발기록/자바스크립트 & jQuery] - Javascript 문자열 바꾸기① - replace(), replaceAll() [자바스크립트 도장깨기]
대상 문자열을 원하는 문자값으로 변환한다.
let test ='가나다라';
let result = test.replace('가', '나');
// 나나다라
split()
2022.05.05 - [개발기록/자바스크립트 & jQuery] - Javascript 문자열 자르기① - split의 여러가지 방법 [자바스크립트 도장깨기]
구분자로 문자열을 분리하여 배열로 리턴한다.
String.split(대상 문자열, 구분자);
1. 구분자로 분리
const str = "apple banana orange";
const arr = str.split();
arr.length(); // 1
const arr= str.split(" ");
arr.length();// 3
2. 정규표현식으로 문자열 자르기
//만약 여러개의 문자열로 구분할 경우
let arr =["mike:M", 'Alley:F', 'Jack:M'];
let a = arr.toString().split(/[,:]/);
console.log(a); // [ 'mike', 'M', 'Alley', 'F', 'Jack', 'M' ]
substr(), substring(), slice()
2022.05.05 - [개발기록/자바스크립트 & jQuery] - Javascript 문자열 자르기② - substr, substring [자바스크립트 도장깨기]
Javascript 문자열 자르기② - substr, substring [자바스크립트 도장깨기]
목차 substr() 문자열을 특정 위치에서 원하는 길이만큼 잘라서 문자열로 리턴한다. (띄어쓰기도 포함) 형식 start : 시작위치, length : 추출글자 갯수 const str = "applebananaorange"; str.substr(시작위치,..
theseaah.tistory.com
문자열 자른다.
let str = '자바스크립트';
let result = str.substr(0, 2);
// 자바
let result2 = str.substr(2);
// 스크립트
slice() 문자열 일부 추출 후 새로운 문자열 반환한다.
let nums = [1, 2, 3, 4, 5, 6, 7];
nums.slice(2, 4);
// 인자가 2개인 경우 3, 4, 5
nums.slice(2);
// 인자가 1개인 경우, 2부터 끝까지 3, 4, 5, 6, 7
nums.slice();
// 인자가 없을 경우, 처움부터 끝까지 1, 2, 3, 4, 5, 6, 7
length()
문자열의 길이를 정수로 나타낸다.
let char = '가나다라마바사아자차';
char.length(); // 10
toString()
객체의 문자열 표현 = valueOf()
let str = new String('Hello world');
str.toString();
// Hello world
search()
문자열을 검색한다.
let title = 'Maroon5: I won''t go home without you.';
title.search(':'); // 7
charAt()
지정된 위치의 문자를 반환한다.
let str ="charAt";
str.charAt(2); // a
concat()
문자열 결합한다
let arr1 = [1, 2, 3];
let arr2 = ['a', 'b', 'abc'];
let result = arr1.concat(arr2);
// 1, 2, 3, 'a', 'b', 'abc'
result.length();
//6
728x90
반응형
'개발기록 > 자바스크립트 & jQuery' 카테고리의 다른 글
jQuery 도장깨기, function 종류 (each, css, append, wrap, clone, val) (0) | 2022.04.19 |
---|---|
jQuery 도장깨기, 요소탐색 방법 first / last / nth-child (0) | 2022.04.18 |
jQuery 도장깨기, 라이브러리 연동, 기본 문법 알아보기 (0) | 2022.04.15 |
Javascript DOM 기능, DOM 객체종류 알아보기 [자바스크립트 도장깨기] (0) | 2022.04.15 |
Javascript 배열1, Array함수 push( ) / pop() [자바스크립트 도장깨기] (0) | 2022.04.14 |
댓글