> 웹 프론트엔드 > JS 튜토리얼 > ES6에서 일반적으로 사용되는 문자열 string의 새로운 방법에 대한 공유

ES6에서 일반적으로 사용되는 문자열 string의 새로운 방법에 대한 공유

小云云
풀어 주다: 2017-12-23 11:34:50
원래의
2017명이 탐색했습니다.

ES6에서는 ES5의 유사한 메소드를 쉽게 대체할 수 있는 탐색, 쿼리, 대체 등을 포함하여 js에 많은 새로운 메소드가 추가되었습니다. 이 기사에서는 ES6에서 문자열 문자열에 일반적으로 사용되는 새로운 메소드를 주로 소개하고 이를 요약하고 분석합니다. ES6의 문자열 문자열에 일반적으로 사용되는 새로운 방법, 기능 및 사용 팁이 설명되어 있습니다. 도움이 필요한 친구가 모두에게 도움이 되기를 바랍니다.

for…of:


let str="wbiokr";
for(let s of str){
  console.log(s)
}
//结果:w, b, i, o, k, r
로그인 후 복사

es5에는 js에 대한 문자열 관련 순회 방법이 없기 때문에 for…of는 의심할 여지 없이 다음 프런트엔드 개발에서 매우 중요한 역할을 할 것입니다.

포함 내용:


let str="wbiokr";
str.includes('wb');//结果:true
str.includes('wbiokr');//结果:true
str.includes('w',1);//false
str.includes('b',1);//true
로그인 후 복사

string.includes(s,i) 메서드 매개 변수 1은 쿼리 문자(문자열)이고, 매개 변수 2는 쿼리의 시작 위치이며 부울 값을 반환하고 indexOf 쿼리 위치를 반환합니다.

startsWith:


let str="wbiokr";
str.startsWith('wb');//结果:true
str.startsWith('w');//结果:true
str.startsWith('w',1);//结果:false
str.startsWith('b',1);//true
str.startsWith('kr');//结果:false
로그인 후 복사

string.startsWith(s,i) 메소드 매개변수 1은 쿼리해야 하는 문자(문자열)이고, 매개변수 2는 쿼리의 시작 위치이며, 문자(문자열)가 문자열의 선두에 있는지 여부를 나타내는 부울 값입니다.

endsWith:


let str="wbiokr";
str.endsWith('kr');//结果:true
str.endsWith('r');//结果:true
str.endsWith('wb');//结果:false
str.endsWith('i',6);//false
str.endsWith('i',3);//false
str.endsWith('kr',6);//true
로그인 후 복사

string.endsWith() 메소드 매개변수 1은 쿼리할 문자(문자열)이고, 매개변수 2는 쿼리의 시작 위치이며, 여부를 나타내는 부울 값을 반환합니다. 문자(문자열)가 위치한 문자열의 꼬리 위치입니다.

repeat:


let str="wbiokr";
str.repeat(2);//wbiokrwbiokr"str被重复了2次返回,str不改变
'hi'.repeat(3);//"hihihi"
'hi'.repeat(2.6);//'hihi'浮点类型参数,会取整重复
'hi'.repeat(0);//''0的时候返回空字符串
'hi'.repeat(-3)//负数,报错
'hi'.repeat(undefined)//''undefined转化为0
'hi'.repeat(null)//''null转化为0
'hi'.repeat(NaN)//''NaN转化为0
로그인 후 복사

string.repeat(num) 메소드에서 매개변수 num은 문자열을 반복할 횟수입니다. 다양한 경우의 반환 값에 대한 코드를 참조하세요.

${}:


let str="wbiokr";
$('#box').html('
  there is a word ${str},i know it
');
//there is a word wbiokr,i know it
로그인 후 복사

개발 과정에서 jq는 종종 하위 요소를 동적으로 추가하거나 요소에 동적으로 콘텐츠를 추가하는 데 사용됩니다. 과거에는 문자열 접합을 사용하여 변수를 추가했습니다. ES6의 추가는 jq의 이전 방법을 매우 잘 대체할 수 있습니다. 작은따옴표에 '${}'를 더하면 변수를 삽입할 수 있을 뿐만 아니라 코드 형식도 유지할 수 있으며 js 코드는 {} 내에서 실행될 수 있습니다.

관련 권장사항:

자바스크립트 문자열 도구 클래스 StringUtils에 대한 자세한 설명

Java에서 문자열을 문자열 배열로 변환하는 구현 방법

JS 문자열을 json 객체로 변환하는 방법

위 내용은 ES6에서 일반적으로 사용되는 문자열 string의 새로운 방법에 대한 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿