說明：本文並沒有對js處理資料進行深究，本人也不是專業前端人員，只是碰到js處理資料時，對當時的處理資料方式進行記錄和總結，後續工作中碰到值得記錄的會持續更新。

1、字串轉換成物件
程式碼：

var obj = JSON.parse(data);
console.log(JSON.stringify(data.data));

說明：
①php中json_encode()轉換返回給前端頁面時，用“.”讀取不到，是因為返回的是字串格式，就是最外層帶了引號的json資料格式，可以用var obj = JSON.parse(data);轉換成物件，也可以用tp框架中的$this->ajaxReturn();
②另外在vue中，有時候列印物件或者陣列時，可能會出現看不懂其資料結構，可以用console.log(JSON.stringify(data.data));

2、js 判斷一個 object 物件是否為空

if (JSON.stringify(data) === '{}') {
    return false // 如果為空,返回false，陣列可以用同樣的判斷方式
}
if (Object.keys(object).length === 0) {
    return false // 如果為空,返回false，Object.keys(object)會返回一個空陣列[]
}

3、陣列中新增元素
程式碼：arr.push();
說明：
可以用arr.push()，在新增元素之前先確認變數arr是一個數組。可以自己定義var arr = []，並可以在陣列中新增物件，例如arr.push({"aa":"bb"})

4、讀取物件或這陣列中的元素

var test = [{"a":"a"},{"b","b"}];
console.log(test[1].b);
console.log(test[1].['b']);//不能用test.1.b

當鍵名是數字時，不能用“.”點拼接，只能用[]

5、當兩個陣列要根據各自某一個欄位進行排序
舉個例子，表格的表頭和表中的值，分為了兩個陣列(如下)，表頭和表中值要一一對應。另外，在Element的表格元件中，不用排序，其元件已做了排序的工作。

陣列示例：陣列1和陣列2要根據key欄位一一對應，可以根據這個欄位先對兩個陣列進行排序，然後一一匹配，如氣泡排序等。

[
    {
        "tabelHeader":"表頭1",
        "key":"1"
    },
    {
        "tabelHeader":"表頭2",
        "key":"2"
    },
    {
        "tabelHeader":"表頭3",
        "key":"3"
    }
]
[
    {
        "value":"2",
        "key":"2"
    },
    {
        "value":"1",
        "key":"1"
    },
    {
        "value":"3",
        "key":"3"
    }
]

//根據陣列中某個鍵的值氣泡排序，還有其他更優排序方式，這裡不一一示例，可以搜尋相關演算法排序方式。
function bubbleSort(arr,sortKey) {
    //console.time('2.快速排序耗時');
    var len = arr.length;
    for (var i = 0; i < len; i++) {
        for (var j = 0; j < len - 1 - i; j++) {
            if (arr[j][sortKey] > arr[j+1][sortKey] ) { //相鄰元素兩兩對比
                var temp = arr[j+1]; //元素交換
                arr[j+1] = arr[j];
                arr[j] = temp;
            }
        }
    }
    //console.timeEnd('222222.快速排序耗時');
    return arr;
}

6、轉義與反轉義相容寫法
程式碼：

//反轉義
function HTMLDecode(text) {
    var temp = document.createElement("div");
    temp.innerHTML = text;
    var output = temp.innerText || temp.textContent;
    temp = null;    return output;
}
//轉義
function HTMLEncode(html) {    
    var temp = document.createElement ("div");  
    (temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html);  
    var output = temp.innerHTML;  
    temp = null;  
    return output;
}

說明：前端相關朋友說這麼寫是相容性寫法，我這裡就不深究了，親測可用。

7、剔除陣列中的某些元素
目前只找到迴圈剔除，把需要的元素用push新增到新的陣列中。使用splice在迴圈中有問題，個人猜測是鍵名原因，未做深究，但我個人覺得肯定有更好方式，因為參照其他語言，都有更為簡單的方式，知道的朋友請告知下，謝謝。
–更新–今天看到前端人員剔除陣列中一些元素時，用到了filter函式，挺好用的。

8、將陣列中字串轉換成整型

var arr = ["1","2","3"];
arr = arr.map(function (data) {
    return +data;
});//此時arr變成[1,2,3]

map是個好方法，我個人對map理解不深，對其使用有些彆扭。

9、判斷物件或陣列中元素是否存在

typeof data.archiveRecordPage !== undefined

一搬如果typeof後邊是表示式，就要用括號括起來，否則不用括起來。另外一般要判斷該層級之前的層級也要存在
—-更新： hasOwnProperty也可以物件某物件是否存在

10、將時間戳轉換為時間格式
在網上找的一個示例，如果是php寫的介面，一般是需要在返回的時間戳欄位上乘以1000的，java寫的介面一般不需要，這個與精確度有關。一個是精確到秒，一個是精確到毫秒。當然，在框架VUE中另有其他寫法，這裡暫時不做深究。

formatDate(timestamp) {
    var date = new Date(timestamp);//時間戳為10位需*1000，時間戳為13位的話不需乘1000
    var Y = date.getFullYear() + '-';
    var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
    var D = (date.getDate() < 10 ? '0'+(date.getDate()) : date.getDate()) + ' ';
    var h = (date.getHours() < 10 ? '0'+(date.getHours()) : date.getHours()) + ':';
    var m = (date.getMinutes() < 10 ? '0'+(date.getMinutes()) : date.getMinutes()) + ':';
    var s = (date.getSeconds() < 10 ? '0'+(date.getSeconds()) : date.getSeconds());
    return Y+M+D+h+m+s;
},

11、js判斷陣列中物件裡的某一個值是否存在

function isInArray(arr,value){
    for(var i = 0; i < arr.length; i++){
        if(value === arr[i]['id']){
            return true;
        }
    }
    return false;
}
var arr = [{id: "ccjl1"},{id: "ccjl2"},{id: "ccjl3"}];
var test = isInArray(arr,'ccjl1');
console.log(test);