天天看點

JavaScript數組常用操作總結

       我們在日常開發過程中,使用到原生 JavaScript的時候,有時候會頻繁的對數組進行操作,今天我把工作以來,經常用到的有關 JavaScript數組的方法總結一下,友善日後工作的時候查找使用!

      一、數組轉字元串

           需要将數組元素用某個字元連接配接成字元串。        

var a=[1,2,3,4,5,6];
 var b=a.join(',');
 console.log(b);
 結果: 1,2,3,4,5,6      

    二、字元串轉數組

           實作方法為将字元串按某個字元切割成若幹個字元串,并以數組形式傳回          

var a = "abc,abcd,aaa";
var b= a.split(",");// 在每個逗号(,)處進行分解。
console.log(b);
結果: ["abc", "abcd", "aaa"]      

    三、數組去重

Array.prototype.duplicateRemoval = function () {
 var n = []; //一個新的臨時數組
 for (var i = 0; i < this.length; i++) //周遊目前數組
 {
  //如果目前數組的第i已經儲存進了臨時數組,那麼跳過,
  //否則把目前項push到臨時數組裡面
  if (n.indexOf(this[i]) == -1) n.push(this[i]);
 }
 return n;
}
var a=[1,1,2,2,3,4,5,5,7,7];
a.duplicateRemoval();

結果: [1, 2, 3, 4, 5, 7]      

  Array 對象方法

方法 描述 備注
concat()  連接配接兩個或更多的數組,并傳回結果。
var arr1=["張三","李四","王五"];
var arr2=["Tom","Jack","TM"];
arr1.concat(arr2);
結果:["張三", "李四", "王五", "Tom", "Jack", "TM"]      
join()  把數組的所有元素放入一個字元串。元素通過指定的分隔符進行分隔。
var arr1=["張三","李四","王五"];
var arr2=arr1.join(',');
console.log(arr2);
結果: 張三,李四,王五      
pop()  删除并傳回數組的最後一個元素
var arr1=["張三","李四","王五"];
arr1.pop();
console.log(arr1);
結果:["張三", "李四"]      
push()  向數組的末尾添加一個或更多元素,并傳回新的長度。
var arr1=["張三","李四","王五"];
arr1.push("趙六");
console.log(arr1);
結果: ["張三", "李四", "王五", "趙六"]      
reverse()  颠倒數組中元素的順序。
var arr1=["張三","李四","王五"];
var arr2=arr1.reverse();
console.log(arr2);
結果: ["王五", "李四", "張三"]      
shift()  删除并傳回數組的第一個元素
var arr1=["張三","李四","王五"];
arr1.shift();
console.log(arr1);
結果: ["李四", "王五"]      
slice()  從某個已有的數組傳回標明的元素
var arr1=["張三","李四","王五"];
var arr2=arr1.slice(1,2);
console.log(arr2);
結果: ["李四"]      
sort()  對數組的元素進行排序
var arr1 = [11,2,28,4,5,1];
var arr2 = arr1.sort(function(a,b){
        return a-b;
    })
    console.log(arr2); 
結果: [1, 2, 4, 5, 11, 28]      
splice()  删除元素,并向數組添加新元素。
var arr1=["張三","李四","王五"];
var arr2=arr1.splice(1,1,"趙六");
console.log(arr1);
結果: ["張三", "趙六", "王五"]      
toString()  把數組轉換為字元串,并傳回結果。
var arr1=["張三","李四","王五"];
var arr2=arr1.toString();
console.log(arr2);
結果: 張三,李四,王五      
toLocaleString()  把數組轉換為本地字元串,并傳回結果
var arr1=["張三","李四","王五"];
var arr2=arr1.toLocaleString();
console.log(arr2);
結果: 張三,李四,王五      
unshift()  向數組的開頭添加一個或更多元素,并傳回新的長度。
var arr1=["張三","李四","王五"];
arr1.unshift("第一個");
console.log(arr1);
結果: ["第一個", "張三", "李四", "王五"]      
valueOf()  傳回數組對象的原始值
var arr1=["張三","李四","王五"];
var arr2=arr1.valueOf();
console.log(arr2);
結果: ["張三", "李四", "王五"]      

轉載于:https://www.cnblogs.com/chenyablog/p/6558677.html

繼續閱讀