国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

kelvinlee / 513人閱讀

摘要:如果數組只有一個,那么將返回該值而不使用分隔符。示例語法方法使用指定的分隔符字符串將一個對象分割成字符串數組,以將字符串分隔為子字符串,以確定每個拆分的位置。

每天4個JavaScript字符串與數組的API,幫助大家與我自己加深記憶,持續更新... ...

Array.prototype.reverse()

語法: arr.reverse()
MDN: reverse() 方法將數組中元素的位置顛倒,并返回該數組。該方法會改變原數組。

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

當然自己實現reverse()方法其實也很簡單:

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()

語法:arr.join([separator])
MDN: join() 方法將一個數組(或一個類數組對象)的所有元素連接成一個字符串并返回這個字符串。如果數組只有一個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()

語法:去MDN自己看
MDN: map() 方法創建一個新數組,其結果是該數組中的每個元素都調用一個提供的函數后返回的結果。示例:

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()

語法:str.split([separator[, limit]])
MDN: split() 方法使用指定的分隔符字符串將一個String對象分割成字符串數組,以將字符串分隔為子字符串,以確定每個拆分的位置。 示例:

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);
// 如果空字符串("")被用作分隔符,則字符串會在每個字符之間分割。
//["我", "是", "i", "k", "u", "n", ",", "我", "喜", "歡", " ", "唱", " ", "跳", " ", "R", "a", "p", "和", "籃", "球"]
var strArr4 = str.split(",");console.log(strArr4);//["我是ikun", "我喜歡 唱 跳 Rap和籃球"]
反轉字符串中的單詞

反轉字符串中的單詞是Leetcode上第557號問題,具體問題描述如下:

給定一個字符串,
你需要反轉字符串中每個單詞的字符順序,
同時仍保留空格和單詞的初始順序。

示例 1:

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

注意:在字符串中,每個單詞由單個空格分隔,
并且字符串中不會有任何額外的空格。

這道題目使用JavaScript就可以使用上述API解出結果:

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

其實仔細想一想這個解題過程并不難,思路為:

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" 

本題目重點仍然在API的掌握上~

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/6893.html

相關文章

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

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

    AlphaWatch 評論0 收藏0
  • 【面試篇】寒冬求職季之你必須要原生JS(上)

    摘要:只能遍歷數組,不能中斷,返回值是修改后的數組。這在語法上,稱為暫時性死區。作用域鏈無論是還是查詢,都會在當前的作用域開始查找,如果沒有找到,就會向上級作用域繼續查找目標標識符,每次上升一個作用域,一直到全局作用域為止。 互聯網寒冬之際,各大公司都縮減了HC,甚至是采取了裁員措施,在這樣的大環境之下,想要獲得一份更好的工作,必然需要付出更多的努力。 一年前,也許你搞清楚閉包,this,原...

    寵來也 評論0 收藏0
  • 【面試篇】寒冬求職季之你必須要原生JS(中)

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

    Mike617 評論0 收藏0
  • 前端基礎匯總

    摘要:及相關問題數據類型函數中指向原型作用域閉包面向對象對象創建模式繼承嚴格模式與對象轉換的方法添加屬性,根據原型創建區別新特性解構賦值簡化對象寫法剪頭函數三點運算符模板字符串形參默認值異步過程深拷貝與淺拷貝賦值與淺拷貝的區別淺拷貝的幾種方法實現 js及es相關問題 數據類型函數中this指向——————原型作用域閉包——————面向對象對象創建模式繼承——————Es5嚴格模式Json與j...

    2json 評論0 收藏0
  • 前端基礎匯總

    摘要:及相關問題數據類型函數中指向原型作用域閉包面向對象對象創建模式繼承嚴格模式與對象轉換的方法添加屬性,根據原型創建區別新特性解構賦值簡化對象寫法剪頭函數三點運算符模板字符串形參默認值異步過程深拷貝與淺拷貝賦值與淺拷貝的區別淺拷貝的幾種方法實現 js及es相關問題 數據類型函數中this指向——————原型作用域閉包——————面向對象對象創建模式繼承——————Es5嚴格模式Json與j...

    laznrbfe 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<