JS-數組方法 toString() join() concat() slice()

一、生成兩個數組

var carEnterprise = ["長城", "比亞迪"];
var carDetail = [{enterprise:"長城",brand1:"哈佛",brand2:"WEY"},
                 {enterprise:"比亞迪",brand1:"王朝",brand2:"F系"}];

二、toString() 逗號拼接,轉化成字符串

toString() 可以將數組裏面的值用逗號拼接,轉化成字符串。

carEnterprise.toString(); //"長城,比亞迪"
carDetail.toString(); //"[object Object],[object Object]"  

由於carDetail數組裏面是json對象,當toString()不能轉換成逗號連接。
所有JavaScript對象都擁有toString()方法。

三、join() 自定義符號拼接,轉化成字符串

carEnterprise.join(); //"長城,比亞迪" 等效於carEnterprise.toString()
carEnterprise.join('') //"長城比亞迪" 不使用符號拼接      
carEnterprise.join('.') //"長城.比亞迪"
carEnterprise.join('1') //"長城1比亞迪"
carDetail.join('.') //"[object Object].[object Object]"   由於carDetail數組裏面是json對象,同樣也不能使用

四、concat() 合併數組

(1)concat()方法不會更改現有數組,concat()方法會返回一個新數組。

var newArray = carEnterprise.concat(carEnterprise);

//因爲數組中可以存放不同類型的對象, 因此不同的數組類型對象也可以合併

var newArray1 = carEnterprise.concat(carDetail);

(2)concat()可以合併多個的數組,用逗號分隔多個數組

var newArray2 = carEnterprise.concat(carDetail,carDetail,carDetail);

五、slice() 截取數組

slice()方法可以截取出一個從索引位置開始的新數組,方法參數爲數組索引。
slice(startIndex)只有一個參數時,默認爲開始索引,結束參數省略
slice()方法不會更改原有數組。

var carEnterprise = ["長城", "比亞迪", "吉利", "奧迪", "奔馳"];
var newArray3 = carEnterprise.slice(1); //["比亞迪", "吉利", "奧迪", "奔馳"]
var newArray4 = carEnterprise.slice(2); // ["吉利", "奧迪", "奔馳"]

slice()也可以是一個範圍,slice(startIndex,endIndex), 截取範圍是: startIndex <= newArray4 < endIndex

var newArray4 = carEnterprise.slice(2,4); //["吉利", "奧迪"]
發佈了107 篇原創文章 · 獲贊 70 · 訪問量 20萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章