溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“ES6基礎語法之字符串擴展的方法”，在日常操作中，相信很多人在ES6基礎語法之字符串擴展的方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”ES6基礎語法之字符串擴展的方法”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
JS中遍歷字符串：
var str = "hello,world";
for(var i = 0;i<str.length;i++)
{
console.log(str[i]);
}ES6擴展的遍歷字符串方法：
let str = "hello,world";
for(let c of str)
{
console.log(c);
}字符串識別：
ES6 之前判斷字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的識別方法。
includes()：返回布爾值，判斷是否找到參數字符串。
startsWith()：返回布爾值，判斷參數字符串是否在原字符串的頭部。
endsWith()：返回布爾值，判斷參數字符串是否在原字符串的尾部。
以上三個方法都可以接受兩個參數，需要搜索的字符串，和可選的搜索起始位置索引。
let str = "jack,rose,mike";
console.log(str.includes("rose")); //true
console.log(str.includes("rose",5)); //true
console.log(str.startsWith("jack")); //true
console.log(str.startsWith("rose",5));//true
console.log(str.endsWith("mike")) //true
console.log(str.endsWith("se",9)) //true(前面9個字符中去查找判斷)字符串重復：
repeat()：返回新的字符串，表示將字符串重復指定次數返回
let str = "hello,"; console.log(str.repeat(3));
字符串補全：
padStart：返回新的字符串，表示用參數字符串從頭部（左側）補全原字符串。
padEnd：返回新的字符串，表示用參數字符串從尾部（右側）補全原字符串。
//使用padStart補全編號 let id = 25; console.log((id+"").padStart(6,"0"));
模板字符串相當于加強版的字符串，用反引號 `,除了作為普通字符串，還可以用來定義多行字符串，還可以在字
符串中加入變量和表達式。
多行字符串使用：
//方案一：普通字符串換行 // let str = `I Love JS\nI Love ES`; // console.log(str); //方案二：多行字符串 // let str = `I Love JS // I Love ES`; // console.log(str);
字符串中插入變量：
//方案一:JS拼接字符串
// var name = "佩奇"; //保存姓名
// var hobby = "游戲,運動,看書"; //保存愛好
// var obj = document.getElementById("content");
// obj.innerHTML = "<h3>大家好,我是"+name+",我的愛好有"+hobby+"</h3>";
//方案二:ES6模板字符串
// let name = "佩奇"; //保存姓名
// let hobby = "游戲,運動,看書"; //保存愛好
// let obj = document.getElementById("content");
// obj.innerHTML = `<h3>大家好,我是${name},我的愛好有${hobby}</h3>`;//字符串中嵌入變量
// let [name,hobby] = ["jack","抽煙,喝酒,燙頭"];
// let str = `大家好,我是${name},我喜歡${hobby}`;
// console.log(str);模板字符串的注意點：
//(1)如果模板字符串中需要表示反引號,用\轉義
// let str = `\`hello\``;
// console.log(str);
//(2)模板字符串內可以放入表達式
// let x = 5;
// let y = 6;
// let str = `${x}*${y}=${x*y}`;
// console.log(str);
//(3)模板字符串中可以調用函數
// function fun()
// {
// return "hello,world!";
// }
// let str = `測試函數調用:${fun()},調用成功!`;
// console.log(str);使用模板字符串輸出列表：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>模板字符串中輸出列表</title>
</head>
<body>
<div id="content">
</div>
</body>
<script>
let [pro1,pro2,pro3,pro4]=["計算機技術","電子商務","國際貿易","工商管理"];
let str = `
<h3>專業列表如下</h3>
<ul>
<li>${pro1}</li>
<li>${pro2}</li>
<li>${pro3}</li>
<li>${pro4}</li>
</ul>
`;
document.getElementById("content").innerHTML=str;
</script>
</html>到此，關于“ES6基礎語法之字符串擴展的方法”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
