0120.課件9&正則的一點應用 · 原生js-2018

15. JS中有一個insertBefore方法，目的是實現把新元素插入到指定元素之前，現在你實現一個 InsertAfter 方法，把新元素插入到指定元素之后！ ~~~javascript 1.function insertAfter(newEle,originEle){ 2. //=>newEle:新插入的元素 3. //=>originEle:指定的老元素 4.} ~~~ ~~~ function insertAfter(newEle, originEle) { //=>newEle:新插入的元素 //=>originEle:指定的老元素 //=>插入到原有元素的后面，其實就是插入到原有元素弟弟的前面 let next = originEle.nextElementSibling, par = originEle.parentNode; if (next) { //=>有弟弟插入到弟弟的前面 par.insertBefore(newEle, next); } else { //=>沒有弟弟插入到容器的末尾 par.appendChild(newEle); } } let link = document.createElement('a'); insertAfter(link, p2); //=>JQ:prepend 把新元素插入到指定容器的開頭 ~~~ 16. 英文字母漢字組成的字符串，用正則給英文單詞前后加空格 ~~~ //=>16. 英文字母漢字組成的字符串，用正則給英文單詞前后加空格 // let str = "珠峰培訓zhufeng哈哈，javascript高級程序設計，good good study!", // reg = /(?:(?:([a-zA-Z]+)([\u4e00-\u9fa5]+))|(?:([\u4e00-\u9fa5]+)([a-zA-Z]+)))/g; // str = str.replace(reg, (...arg) => { // //=>REG和STR匹配幾次，函數就被執行幾次 // //=>ARG是數組，存儲了每一次匹配捕獲到的結果（包含分組捕獲的結果） // let [, oneVal, twoVal, threeVal, fourVal] = arg; // // if (oneVal && twoVal) { // return ` ${oneVal} ${twoVal}`; // } // // return `${threeVal} ${fourVal} `;//=>RETURN是啥就會把本次大正則匹配的字符替換成啥 // }); // console.log(str); // let str = "珠峰培訓zhufeng哈哈，javascript高級程序設計，good good study!", // reg = /.?([a-zA-Z]+).?/g; // str = str.replace(reg, (...arg) => { // //=>每一次捕獲的時候我們都把單詞左右兩邊的一位捕獲到，這樣我們只需要判斷捕獲的內容中是否有漢字即可，有漢字加空格 // let reg = /[\u4e00-\u9fa5]/, // [val, oneVal] = arg; // if (reg.test(val)) { // val = val.replace(oneVal, ` ${oneVal} `); // return val; // } // return val; // }); // console.log(str); //=>擴展：把一個英文段落中，每一個單詞首字母大寫 let str = 'the-man is practice is to cultivate his body and cultivate his virtues.' + ' Not indifferent to clear ambition, non tranquil and far away. If we need to study quietly, ' + 'we must learn and learn. Prostitution is not able to help, and impatience can not be smelt.' + ' When the year goes with the time, the meaning goes with the sun, and then it becomes dry and withered.'; let reg = /(?:^| )([^\s]+)(?: |$)/g; str = str.replace(/ /g, ' ').replace(reg, (...arg) => { return arg[1].substr(0, 1).toUpperCase() + arg[1].substr(1) + ' '; }); console.log(str); // let reg = /\b([a-zA-Z]+)\b/g;//=>\b會把中杠左右兩邊算作邊界 the-man算作兩個單詞 // str = str.replace(reg, (...arg) => { // // arg[0] : 當前找到的單詞 // let val = arg[0]; // return val.substr(0, 1).toUpperCase() + val.substr(1); // }); // console.log(str); ~~~ 17.