成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS 字符串與數(shù)組你必須要知道的API（一）

kelvinlee / 562人閱讀

摘要：如果數(shù)組只有一個(gè)，那么將返回該值而不使用分隔符。示例語(yǔ)法方法使用指定的分隔符字符串將一個(gè)對(duì)象分割成字符串?dāng)?shù)組，以將字符串分隔為子字符串，以確定每個(gè)拆分的位置。

每天4個(gè)JavaScript字符串與數(shù)組的API，幫助大家與我自己加深記憶，持續(xù)更新... ...
Array.prototype.reverse()

語(yǔ)法: arr.reverse()
MDN: reverse() 方法將數(shù)組中元素的位置顛倒,并返回該數(shù)組。該方法會(huì)改變?cè)瓟?shù)組。

var a = [1,2,3];
var _a = a.reverse();
console.log(a); // [3,2,1]
console.log(_a); // [3,2,1]

當(dāng)然自己實(shí)現(xiàn)reverse()方法其實(shí)也很簡(jiǎn)單:

window.Array.prototype.myReverse = function () {
    for(let i=0;ilet temp = this[i];
        this[i] = this[this.length-1-i];
        this[this.length-1-i] = temp;
    }
}
Array.prototype.join()

語(yǔ)法：arr.join([separator])
MDN: join() 方法將一個(gè)數(shù)組（或一個(gè)類數(shù)組對(duì)象）的所有元素連接成一個(gè)字符串并返回這個(gè)字符串。如果數(shù)組只有一個(gè)value，那么將返回該值而不使用分隔符。示例如下：

var arr = ["唱","跳","Rap","籃球"];
var arrStr1 = arr.join(); console.log(arrStr1); // "唱,跳,Rap,籃球"
var arrStr2 = arr.join(",");console.log(arrStr2); // "唱,跳,Rap,籃球"
var arrStr3 = arr.join("");console.log(arrStr3); // "唱跳Rap籃球"
var arrStr4 = arr.join(" ");console.log(arrStr4); // "唱 跳 Rap 籃球"
var arrStr5 = arr+"";console.log(arrStr5); // "唱,跳,Rap,籃球"
Array.prototype.map()

語(yǔ)法：去MDN自己看
MDN: map() 方法創(chuàng)建一個(gè)新數(shù)組，其結(jié)果是該數(shù)組中的每個(gè)元素都調(diào)用一個(gè)提供的函數(shù)后返回的結(jié)果。示例：

var arr = [1,2,3];
var arr2 = arr.map((e)=>{return e*2});console.log(arr2); // [2, 4, 6]
var arr3 = arr.map((e)=>{return e*e});console.log(arr3); //[1, 4, 9]
var arr4 = arr.map((e)=>{return e+""});console.log(arr4); // ["1", "2", "3"]
String.prototype.split()

語(yǔ)法：str.split([separator[, limit]])
MDN: split() 方法使用指定的分隔符字符串將一個(gè)String對(duì)象分割成字符串?dāng)?shù)組，以將字符串分隔為子字符串，以確定每個(gè)拆分的位置。 示例：

var str = "我是ikun,我喜歡 唱 跳 Rap和籃球";
var strArr1 = str.split();console.log(strArr1); //["我是ikun,我喜歡 唱 跳 Rap和籃球"]
var strArr2 = str.split(" ");console.log(strArr2);//["我是ikun,我喜歡", "唱", "跳", "Rap和籃球"]
var strArr3 = str.split("");console.log(strArr3);
// 如果空字符串("")被用作分隔符，則字符串會(huì)在每個(gè)字符之間分割。
//["我", "是", "i", "k", "u", "n", ",", "我", "喜", "歡", " ", "唱", " ", "跳", " ", "R", "a", "p", "和", "籃", "球"]
var strArr4 = str.split(",");console.log(strArr4);//["我是ikun", "我喜歡 唱 跳 Rap和籃球"]
反轉(zhuǎn)字符串中的單詞

反轉(zhuǎn)字符串中的單詞是Leetcode上第557號(hào)問(wèn)題，具體問(wèn)題描述如下：

給定一個(gè)字符串，
你需要反轉(zhuǎn)字符串中每個(gè)單詞的字符順序，
同時(shí)仍保留空格和單詞的初始順序。

示例 1:

輸入: "Let"s take LeetCode contest"
輸出: "s"teL ekat edoCteeL tsetnoc" 

注意：在字符串中，每個(gè)單詞由單個(gè)空格分隔，
并且字符串中不會(huì)有任何額外的空格。

這道題目使用JavaScript就可以使用上述API解出結(jié)果：

/**
 * @param {string} s
 * @return {string}
 */
var reverseWords = function(s) {
    return s.split(" ").map((e)=>{
        return e.split("").reverse().join("")
    }).join(" ");
};

其實(shí)仔細(xì)想一想這個(gè)解題過(guò)程并不難，思路為：

step1:
"Let"s take LeetCode contest" => ["Let"s","take","LeetCode","contest"]
step2:
"Let"s" => ["L","e","t",""","s"]=>["s",""","e","t","L"]=> "s"teL"
step3:
["Let"s","take","LeetCode","contest"] => ["s"teL","ekat","edoCteeL","tsetnoc"]
step4:
["s"teL","ekat","edoCteeL","tsetnoc"] => "s"teL ekat edoCteeL tsetnoc"

本題目重點(diǎn)仍然在API的掌握上~

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/6893.html

相關(guān)文章

  • 【面試篇】寒冬求職季之你必須要懂的原生JS(上)

    摘要：循環(huán)可以使用的范圍包括數(shù)組和結(jié)構(gòu)某些類似數(shù)組的對(duì)象對(duì)象，以及字符串。只能遍歷數(shù)組，不能中斷，返回值是修改后的數(shù)組。除了之外，等，也有同樣的問(wèn)題。聲明一個(gè)只讀的常量。這在語(yǔ)法上，稱為暫時(shí)性死區(qū)。暫時(shí)性死區(qū)也意味著不再是一個(gè)百分百安全的操作。 互聯(lián)網(wǎng)寒冬之際，各大公司都縮減了HC，甚至是采取了裁員措施，在這樣的大環(huán)境之下，想要獲得一份更好的工作，必然需要付出更多的努力。 一年前，也許你搞清楚閉包...

    AlphaWatch 評(píng)論0 收藏0

  • 【面試篇】寒冬求職季之你必須要懂的原生JS(上)

    摘要：只能遍歷數(shù)組，不能中斷，返回值是修改后的數(shù)組。這在語(yǔ)法上，稱為暫時(shí)性死區(qū)。作用域鏈無(wú)論是還是查詢，都會(huì)在當(dāng)前的作用域開(kāi)始查找，如果沒(méi)有找到，就會(huì)向上級(jí)作用域繼續(xù)查找目標(biāo)標(biāo)識(shí)符，每次上升一個(gè)作用域，一直到全局作用域?yàn)橹埂? 互聯(lián)網(wǎng)寒冬之際，各大公司都縮減了HC，甚至是采取了裁員措施，在這樣的大環(huán)境之下，想要獲得一份更好的工作，必然需要付出更多的努力。 一年前，也許你搞清楚閉包，this，原...

    寵來(lái)也 評(píng)論0 收藏0

  • 【面試篇】寒冬求職季之你必須要懂的原生JS(中)

    摘要：如果你還沒(méi)讀過(guò)上篇上篇和中篇并無(wú)依賴關(guān)系，您可以讀過(guò)本文之后再閱讀上篇，可戳面試篇寒冬求職季之你必須要懂的原生上小姐姐花了近百個(gè)小時(shí)才完成這篇文章，篇幅較長(zhǎng)，希望大家閱讀時(shí)多花點(diǎn)耐心，力求真正的掌握相關(guān)知識(shí)點(diǎn)。 互聯(lián)網(wǎng)寒冬之際，各大公司都縮減了HC，甚至是采取了裁員措施，在這樣的大環(huán)境之下，想要獲得一份更好的工作，必然需要付出更多的努力。 一年前，也許你搞清楚閉包，this，原型鏈，就...

    Mike617 評(píng)論0 收藏0

  • 前端基礎(chǔ)匯總

    摘要：及相關(guān)問(wèn)題數(shù)據(jù)類型函數(shù)中指向原型作用域閉包面向?qū)ο髮?duì)象創(chuàng)建模式繼承嚴(yán)格模式與對(duì)象轉(zhuǎn)換的方法添加屬性，根據(jù)原型創(chuàng)建區(qū)別新特性解構(gòu)賦值簡(jiǎn)化對(duì)象寫(xiě)法剪頭函數(shù)三點(diǎn)運(yùn)算符模板字符串形參默認(rèn)值異步過(guò)程深拷貝與淺拷貝賦值與淺拷貝的區(qū)別淺拷貝的幾種方法實(shí)現(xiàn) js及es相關(guān)問(wèn)題 數(shù)據(jù)類型函數(shù)中this指向——————原型作用域閉包——————面向?qū)ο髮?duì)象創(chuàng)建模式繼承——————Es5嚴(yán)格模式Json與j...

    2json 評(píng)論0 收藏0

  • 前端基礎(chǔ)匯總

    摘要：及相關(guān)問(wèn)題數(shù)據(jù)類型函數(shù)中指向原型作用域閉包面向?qū)ο髮?duì)象創(chuàng)建模式繼承嚴(yán)格模式與對(duì)象轉(zhuǎn)換的方法添加屬性，根據(jù)原型創(chuàng)建區(qū)別新特性解構(gòu)賦值簡(jiǎn)化對(duì)象寫(xiě)法剪頭函數(shù)三點(diǎn)運(yùn)算符模板字符串形參默認(rèn)值異步過(guò)程深拷貝與淺拷貝賦值與淺拷貝的區(qū)別淺拷貝的幾種方法實(shí)現(xiàn) js及es相關(guān)問(wèn)題 數(shù)據(jù)類型函數(shù)中this指向——————原型作用域閉包——————面向?qū)ο髮?duì)象創(chuàng)建模式繼承——————Es5嚴(yán)格模式Json與j...

    laznrbfe 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<