> 웹 프론트엔드 > JS 튜토리얼 > ES6의 문자열에 대한 간략한 설명(코드 예)

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

青灯夜游
풀어 주다: 2019-11-30 17:45:34
앞으로
2574명이 탐색했습니다.

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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿