문자열.length : 문자열의 길이를 반환
문자열.indexOf() : 찾고자 하는 문자열의 위치 반환
실제로는 해당 문자열에서 특정 문자가 있는지 확인할 때 사용
=> 해당 문자가 있으면 0 이상, 없으면 -1을 반환함
문자열.slice() : 문자열에서 특정 부분을 추출해서 새로운 문자열로 반환
문자열.substr() : 문자열에서 특정 부분을 잘라냄
문자열.replace() : 문자열에서 특정 문자값을 바꿔치기
문자열.split() : 문자열을 배열로 반환
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="test01.js"></script>
</head>
<body>
<script>
const txt = "Hello World";
console.log(txt.length);
console.log(txt.indexOf("World"));
const txt2 = txt.slice(0,5);
console.log(txt2);
const txt3 = txt.substr(6,3);
console.log(txt3);
const origin = "학교종이 땡떙땡 어서모이자 선생님이 우리를 기다리신다.";
let result = '';
// if(origin.length >15) {
// result = origin.substr(0,15) + "...";
// } else {
// result = origin;
// }
// 삼항 연산자 - ? 앞의 조건식 참이면 ?뒤의 코드가 실행되고, 거짓이면 :뒤의 코드가 실행됨
(origin.length >15) ? result = origin.substr(0,15)+"..." : result = origin;
console.log(result);
const introduce = "우리 Abc회사는 높은 품질의 제품을 만들고 있으며, ABC라는 회사 브랜드 가치를 높이기 위해서 노력하고 있다.";
const intro2 = introduce.replace(/ABC/ig, "BBC");
console.log(intro2);
const colors = "red, green, blue";
const arr = colors.split(", ");
console.log(arr);
</script>
</body>
</html>
/ABC/ig - 정규표현식 사용
g 글로벌 의미
- replace()는 한개의 일치하는 문자열만 바꿔주기 때문에 이렇게 정규 표현식을 써서 /ABC/가 있는 부분을 다 원하는 문자로 바꿔준다.
i 대소문자 구별 안한다는 의미
'javascript' 카테고리의 다른 글
| 다양한 반복문을 이용하여 event 연결하기 (0) | 2022.06.10 |
|---|---|
| DOM 스타일링 (0) | 2022.06.07 |
| 날짜 관련 객체 Date (0) | 2022.06.01 |
| 배열관련 다양한 편의기능 Array 내장함수1 (0) | 2022.06.01 |
| 콜백함수, 배열전용 반복내장 함수 forEach, map (0) | 2022.05.31 |
