▶ String 내장 객체
var str = 'JavaScript';
1. 문자열의 길이
console.log(str.length);
2. 특정 문자(지정된 인덱스의 문자)
console.log(str.charAt(0));
console.log(str.charAt(length - 1));
3. 특정 문자열 m
console.log(str.substring(0, 4)); // 'Java' : 인덱스 0이상 ~ 인덱스 4 미만
console.log(str.substring(4)); // 'Script' : 인덱스 4이상 ~ 끝까지
console.log(str.slice(0, 4)); // 'Java' : 인덱스 0이상 ~ 인덱스 4 미만
console.log(str.slice(4)); // 'Script' : 인덱스 4이상 ~ 끝까지
console.log(str.slice(-10, -6)); // 'Java' : 인덱스 -10이상 ~ 인덱스 -6 미만
console.log(str.slice(-6)); // 'Script' : 인덱스 -6이상 ~ 끝까지
4. 문자열 연결
console.log(str.concat(',', 'Hello World'));
5. 특정 패턴으로 시작/특정 패턴으로 끝나는지 검사
console.log(str.startsWith('Java')); // 'Java'로 시작하면 true
console.log(str.endsWith('Script')); // 'Script'로 끝나면 true
6. 특정 문자열의 위치(인덱스) 찾기
console.log(str.indexOf('a')); // 'JavaScript'에서 발결된 1번째 a의 인덱스를 반환
console.log(str.lastIndexOf('a')); // 'JavaScript'에서 발견된 마지막 a의 인덱스를 반환
7. 특정 문자열을 주어진 길이만큼 채우기
console.log(str.substring(0, 4).padEnd(10, '*')); // 'Java******'
console.log(str.substring(4).padStart(10, '*')); // '****Script'
8. 주어진 횟수만큼 반복
console.log(str.repeat(3));
9. 찾아 바꾸기
var str = '192.168.0.101';
console.log(str.replace('.', '_')); // '192.168.0.101' -> '192_168.0.101'
console.log(str.replaceAll('.', '_')); // '192.168.0.101' -> '192_168_0_101'
10. 대소문자 변환하기
var str = 'JavaScript';
console.log(str.toLowerCase()); // 'JavaScript' -> 'Javascript'
console.log(str.toUpperCase()); // 'JavaScript' -> 'JAVASCRIPT'
11. 문자열 앞뒤로 포함된 불필요한 공백 제거하기
var str = ' Java Script';
console.log('[' + str.trim() + ']');
console.log('[' + str.trimStart() + ']'); // alias 가능 : trimLeft()
console.log('[' + str.trimEnd() + ']'); // alias 가능 : trimRight()
12. 문자열 객체의 문자열 값 반환
var str = new String('JavaScript');
console.log(str); // 객체 {'JavaScript'}
console.log(str.valueOf()); // 'JavaScript'
13. 문자열을 분리해서 배열로 만들기
var str = 'Hello tom Nice to meet you!';
var words = str.split(' '); // words = ['Hello', 'tom', 'Nice', 'to', 'meet', 'you!']
console.log(words[1]); // 'tom'
▶ Array 내장 객체
var array = ['travel', 'fitness', 'movie', 'tracking', 'fishing'];
1. 반복 메서드
array.forEach(function(element){
console.log(element);
})
array.forEach(function(element, i){
console.log(i + ':' + element);
})
2. 필터(지정한 조건을 만족하는 요소만 남긴 배열 만들기)
array.filter((요소) => 요소 검사);
var result = array.filter((element) => element.length > 6); // 길이가 6보다 큰 요소만 남긴 배열 반환
console.log(result);
3. 배열 요소를 변경하기
array.map((요소) => 변경할 값)
var array = [1, 2, ,3, 4, 5];
var map = array.map((element) => element ** 2); // 모든 요소를 2제곱 값으로 바꾼 배열 반환
console.log(map);
4. 배열 요소를 합쳐서 문자열로 반환하기
var array = ['travel', 'fitness', 'movie', 'tracking', 'fishing'];
console.log(array.join()); // 콤마(,)로 연결(디폴트)
console.log(array.join(' ')); // 공백으로 연결
▶ Math 내장 함수
console.log(Math.abs(-5)); // 5, -5의 절대값
console.log(Math.ceil(7.1)); // 8, 7.1의 정수 올림값
console.log(Math.ceil(-7.1)); // -7, 7.1의 정수 올림값
console.log(Math.floor(7.1)); // 7, 7.1의 정수 내림값
console.log(Math.floor(-7.1)); // -8,- 7.1의 정수 내림값
console.log(Math.round(7.1)); // 7, 7.1의 정수 반올림
console.log(Math.round(-7.1)); // 7, -7.1의 정수 반올림
console.log(Math.trunc(7.1)); // 7, 7.1의 소수점 절사
console.log(Math.trunc(-7.1)); // -7, -7.1의 소수점 절사
console.log(Math.max(1,2,3,4,5));
console.log(Math.min(1,2,3,4,5));
var array = [1, 2, 3, 4, 5];
console.log(Math.max(...array)); // 5
console.log(Math.min(...array)); // 1
console.log(Math.pow(2, 3)); // 8, 2의 3제곱
console.log(Math.random()); // 0 <= 난수 < 1
console.log(Math.sqrt(25)); // 5, 루트 25
'코딩기록 저장소 🐕 > 프론트(리액트, JS)' 카테고리의 다른 글
| JS 정규식 (0) | 2023.09.01 |
|---|---|
| JS event (0) | 2023.08.31 |
| JS object (0) | 2023.08.30 |
| JS 함수function2 (0) | 2023.08.30 |
| CSS보충 메뉴바, 로그인창 (0) | 2023.08.29 |