자바 script 에서 문자열 에 자주 사용 되 는 사용 방법 요약

방금 자 바스 크 립 트 코뿔소 책 을 봤 는데 문자열 이라는 절 을 봤 어 요.평소에 일 을 많이 접 하지 못 했 어 요.정리 하려 고 했 어 요.
JavaScript 의 내 장 된 기능 중 하 나 는 문자열 연결 입 니 다.'+'로 두 숫자 를 연결 하면 두 수 를 더 하 는 것 을 표시 합 니 다.그러나 문자열 에 사용 하면 두 번 째 문 자 를 첫 번 째 문자 뒤에 추가 하 는 것 을 나타 낸다.

var num=1+2;
console.log(num);
var msg='hello'+'world';
console.log(msg);

문자열 에 있어 length 속성 외 에 도 유용 한 속성 이 많 습 니 다.예 를 들 어:

var str='hello,world';
console.log(str.length);
console.log(str.charAt(0)); //      
console.log(str.charAt(str.length-1)); //        
//substring(starti,endi),          startistartii，  endi  ，      ，  
//          ，           。  
console.log(str.substring(1,4));
console.log(str.substring(1));
//    ，    ，       ，           。
console.log(str.slice(1,4));
console.log(str.slice(-3));
//  ‘l'        
console.log(str.indexOf('l'));
//  ‘l'          
console.log(str.lastIndexOf('l'));
//     3  ，        
console.log(str.indexOf('l',3));
// ‘，'      
console.log(str.split(','));
//  str    h    H
console.log(str.replace('h','H'));
//         
console.log(str.toUpperCase());

알림:javascript 에서 문자열 자 체 는 고정 적 으로 변 하지 않 습 니 다.상기 방법 은 새로운 문자열 값 을 되 돌려 줍 니 다.str 자체 의 값 에 영향 을 주지 않 습 니 다.
주의해 야 할 것 은 ES6 에서 문자열 에 새로운 방법 을 많이 추 가 했 습 니 다.예 를 들 어:

var s = 'Hello world!';
//      ，                  
console.log(s.startsWith('Hello')) // true
//endsWith()：     ，                 
console.log(s.endsWith('!')) // true
// includes()     ，            
console.log(s.includes('o')) // true

상기 세 가지 방법 은 모두 두 번 째 인 자 를 지원 하여 검색 을 시작 하 는 위 치 를 표시 합 니 다.

var s = 'Hello world!';
console.log(s.startsWith('world', 6)) // true
console.log(s.endsWith('Hello', 5))// true
console.log(s.includes('Hello', 6)) // false

알림:ends With 의 행동 은 다른 두 가지 방법 과 다르다.이것 은 앞의 n 자 를 겨냥 하고,다른 두 가지 방법 은 n 번 째 위치 에서 문자열 이 끝 날 때 까지 겨냥 합 니 다.
repeat 방법 은 원래 문자열 을 n 회 반복 하 는 것 을 나타 내 는 새로운 문자열 을 되 돌려 줍 니 다.

console.log('x'.repeat(3)) // "xxx"
console.log('hello'.repeat(2)) // "hellohello"
console.log('na'.repeat(0)) // ""

매개 변수 가 소수 라면 정 리 됩 니 다.

console.log('na'.repeat(2.9)) // "nana"
//  repeat        Infinity，   。
console.log('na'.repeat(Infinity))
// RangeError
console.log('na'.repeat(-1))
// RangeError

그러나 매개 변수 가 0 에서 1 사이 의 소수 라면 0 과 같 습 니 다.이것 은 먼저 추출 연산 을 하기 때 문 입 니 다.0 에서-1 사이 의 소 수 는 정 리 된 후에-0 이 고 repeat 는 0 으로 간주 합 니 다.

console.log('na'.repeat(-0.9)) // ""
//  NaN   0
console.log('na'.repeat(NaN)) // "
//  repeat       ，        
console.log('na'.repeat('na')) // ""
console.log('na'.repeat('3')) // "nanana"

ES 2017 은 문자열 길이 보전 기능 을 도입 했다.어떤 문자열 이 길 이 를 지정 하지 않 으 면 머리 나 꼬리 부분 에 보 완 됩 니 다.padstart()는 머리 완성,padEnd()는 꼬리 완성 에 사용

//padStart padEnd        ，                 ，              。
console.log('x'.padStart(5, 'ab')) // 'ababx'
console.log('x'.padStart(4, 'ab')) // 'abax'
console.log('x'.padEnd(5, 'ab')) // 'xabab'
console.log('x'.padEnd(4, 'ab')) // 'xaba'
//         ，            ，       。
console.log('xxx'.padStart(2, 'ab')) // 'xxx'
console.log('xxx'.padEnd(2, 'ab')) // 'xxx'
//               ，                 ，              。
consoe.log('abc'.padStart(10, '0123456789'))
// '0123456abc'
//         ，          。
console.log('x'.padStart(4)) // ' x'
console.log('x'.padEnd(4)) // 'x '
//padStart               。      10       。
console.log('1'.padStart(10, '0') )// "0000000001"
console.log('12'.padStart(10, '0')) // "0000000012"
console.log('123456'.padStart(10, '0')) // "0000123456"
//             。
console.log('12'.padStart(10, 'YYYY-MM-DD')) // "YYYY-MM-12"
console.log('09-12'.padStart(10, 'YYYY-MM-DD'))// "YYYY-09-12"

이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!