이 기사는 ES6 문자열에 대한 매우 실용적인 지식을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
템플릿 문자열
1. 여러 줄의 문자열을 작성할 수 있습니다
2. ${}를 사용하여 변수를 추가하세요
let x = 1; let y = 2; `${x} + ${y} = ${x + y}` // "1 + 2 = 3" `${x} + ${y * 2} = ${x + y * 2}` // "1 + 4 = 5" let obj = {x: 1, y: 2}; `${obj.x + obj.y}` // "3"
템플릿 문자열에서 함수를 호출할 수도 있습니다
function fn() { return "Hello World"; } `foo ${fn()} bar` // foo Hello World bar
템플릿 문자열을 중첩할 수도 있습니다
const tmpl = addrs => `
| ${addr.first} |
| ${addr.last} |
let total = 30; let msg = passthru`The total is ${total} (${total*1.05} with tax)`; function passthru(literals) { let result = ''; let i = 0; while (i < literals.length) { result += literals[i++]; if (i < arguments.length) { result += arguments[i]; } } return result; } msg // "The total is 30 (31.5 with tax)"
리터럴 매개변수는 변수가 아닌 배열입니다. 변수의 원래 위치는 배열의 요소 사이에 있습니다. 위의 예는 다양한 매개변수를 원래 위치에 따라 다시 배치하는 방법을 보여줍니다.
for (let codePoint of 'foo') { console.log(codePoint) } // "f" // "o" // "o"
let s = 'Hello world!'; s.startsWith('Hello') // true s.endsWith('!') // true s.includes('o') // true
이 세 가지 메서드는 모두 검색 시작 위치를 나타내는 두 번째 매개 변수를 지원합니다.
let s = 'Hello world!'; s.startsWith('world', 6) // true s.endsWith('Hello', 5) // true s.includes('Hello', 6) // false
위 코드는 두 번째 매개변수 n을 사용할 때 endWith가 다른 두 메서드와 다르게 동작한다는 것을 나타냅니다. 처음 n자를 대상으로 하는 반면, 다른 두 가지 방법은 n번째 위치부터 문자열 끝까지를 대상으로 합니다.
repeat 메소드는 새 문자열을 반환하는데, 이는 원래 문자열을 n번 반복한다는 의미입니다.
'x'.repeat(3) // "xxx" 'hello'.repeat(2) // "hellohello" 'na'.repeat(0) // ""
padStart()
는 머리 완성에 사용되고,
padEnd()
는 꼬리 완성에 사용됩니다.
rreeerrree위 내용은 ES6 문자열에 대한 매우 실용적인 지식 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
