js關於數組的操作(合並數組、添加數組、循環等)

1. concat() 方法

concat() 方法用於連接兩個或多個數組

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

document.write(arr.concat(arr2))

輸出 George,John,Thomas,James,Adrew,Martin

 

2. map() 方法

map() 方法返回一個新數組，數組中的元素為原始數組元素調用函數處理后的值

var arr = [1,2,3,4,5,6,7];
 var ar = arr.map(function(elem){
    return elem*4;
 });
 console.log(ar);//[4, 8, 12, 16, 20, 24, 28]
console.log(arr);//[1,2,3,4,5,6,7]

let arr = [1,2,3,4,5]
    let newArr = arr.map((item)=>{
        item =  item<2?item=3:item
        return item
    })
    console.log(newArr)//[3, 2, 3, 4, 5]

let newdatas = res.data.map(item => {
                    item.xiaoji = parseInt(item.dongLiMonthElectricIV) + parseInt(item.kongTiaoMonthElectricIV) + parseInt(item.zhaoMingMonthElectricIV);
                    return item
                })

 map()方法可以把字符串數組和數字數組互換

//將數字數組轉化為字符串數組
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String);  //結果： ['1', '2', '3', '4', '5', '6', '7', '8', '9']

//將字符串數組轉化為數字數組
var a = ['1', '2', '3', '4', '5', '6', '7', '8', '9']
a.map(Number);  //結果：[1, 2, 3, 4, 5, 6, 7, 8, 9]

 

3.filter()方法

ilter() 方法創建一個新的數組，新數組中的元素是通過檢查指定數組中符合條件的所有元素。

注意： filter() 不會對空數組進行檢測。

注意： filter() 不會改變原始數組。

//返回數組 ages 中所有元素都大於 18 的元素
var ages = [32, 33, 16, 40];
let data = ages.filter(item => {
        return item>= 18
      })
console.log(data);
//輸出32,33,40

 

4.push方法、unshift方法

push()方法向數組末尾添加元素

let myArray=[11,22,33];
myArray.push(44,55);
console.log(myArray);//11,22,33, 44,55]

 unshift()方法向數組起始位置添加元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
//輸出  Lemon,Pineapple,Banana,Orange,Apple,Mango

 

5.find()，findIndex()

用來查找目標元素,findIndex返回下標，find返回內容

結合es6使用

let typedata = this.resourcedata.find(item => item.type == '類型');
//返回內容

let typedata = this.resourcedata.findIndex((element)=>(element.name =='李四'));
//返回下標

 6.pop()

pop() 方法用於刪除並返回數組的最后一個元素

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr)

document.write("<br />")

document.write(arr.pop())

document.write("<br />")

document.write(arr)


//輸出
George,John,Thomas
Thomas
George,John

 

 7.splice()

splice() 方法用於刪除數組中指定的元素

var ary = [1,2,3,4]; 
ary.splice(0,1);

刪除索引從0開的后面的一個內容

 

8.join()

join()方法將數組轉換為字符串

array.join(",");
//參數，可選，是一個分隔符號。如果沒有參數，分隔符是英文逗號
var arr = ['gao','wanlimm','ssmay'];
console.log(arr.join('-'));
//輸出 gao-wanlimm-ssmay

//字符串轉換為數組
var arrstr = 'gao-wanlimm-ssmay';
console.log(arrstr.split('-'));