>  기사  >  웹 프론트엔드  >  ES6의 문자열에 대한 간략한 설명(코드 예)

ES6의 문자열에 대한 간략한 설명(코드 예)

青灯夜游
青灯夜游앞으로
2019-11-30 17:45:342479검색

ES6의 문자열에 대한 간략한 설명(코드 예)

1. 두 가지 새로운 메서드

(1) startWith: 문자열이 특정 필드로 시작하는지 확인


let str='asdfgh';
console.log(str.startsWith('a'));//true

Application:


let str='http://it.kaikeba.com';
if(str.startsWith('http://')){
    console.log("普通网址")
}else if(str.startsWith('https://')){
    console.log("加密网址")
}else if(str.startsWith('git://')){
    console.log("git网址")
}else if(str.startsWith('svn://')){
    console.log("svn网址")
}else{
    console.log("其他网址")
}

(2 ) endWith: 문자열이 특정 필드로 끝나는지 확인

비슷하게:


let str='asdfg.txt';if(str.endsWith('.txt')){
    console.log("文本文件")
}else if(str.endsWith('.png')){
    console.log("png图片")
}else if(str.endsWith('.jpg')){
    console.log("jpg图片")
}else{
    console.log("其他文件")
}

2. 문자열 템플릿, 문자열 연결

(1) 문자열에 항목을 직접 채울 수 있습니다


let str1='asdfgh';//第一种字符串方式let str2='asdfgh';//第二种字符串方式let str3=`asdfgh`;//第三种:反单引号/应用:
let a=12;
let str4=`a${a}bc`;
console.log(str4);//a12bc

(2) 접힌


let title='标题';
let content='内容';
let str1='<div>\
     <h1>'+title+'</h1>\
     <p>'+content+'</p>\
</div>';


 let str2=`
        <div>
        <h1>${title}</h1>
        <p>${content}</p>
        </div>
        `;

추천 학습: JavaScript 비디오 튜토리얼

위 내용은 ES6의 문자열에 대한 간략한 설명(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제