前端處理接口數據常用方法

henry14 發布于2019-08-26 13:49 / 2121人閱讀

摘要：日常開發中，后端給的數據有時不能直接使用，需要經過一些處理。這里總結一些常用的方法，持續更新。數組去掉數組中去掉數組中最簡單的寫法數組分類數組結構變成結構對象部分復制對象伍六七伍六七

日常開發中，后端給的數據有時不能直接使用，需要經過一些處理。這里總結一些常用的方法，持續更新。

數組 去掉數組中undefind

const data = [1, 2, undefined];
const pureData = data.filter(element => element !== undefined);

去掉數組中undefind、""、null

const bad = [undefined, "", null];
const data = [1, 2, undefined, null, ""];
const pureData = data.filter(element => !bad.includes(element)); // [1, 2];
// 最簡單的寫法
const pureData = data.filter(element => element); // [1, 2];

數組分類(數組結構變成map結構)

const animals = [
    {
        "value": 4238,
        "name": "dog"
    },
    {
        "value": 35203,
        "name": "cat"
    },
    {
        "value": 10217,
        "name": "dog"
    },
    {
        "value": 3237,
        "name": "cat"
    }
]

const pureData = animals.reduce(function(sum, curValue) {
    const value = { ...curValue };
    sum[curValue.name] = sum[curValue.name] ? sum[curValue.name].concat(value) : [value];
    return sum;
}, {});
console.log(pureData)
/*
{
    dog:
        [{ value: 4238, name: "dog" }, { value: 10217, name: "dog" }],
    cat:
        [{ value: 35203, name: "cat" }, { value: 3237, name: "cat" }]
}
*/

對象 部分復制對象

const data = {name: "伍六七", age: 12, sex: "male", height: 188};
const {name, age, sex} = data;
const partObj = {name, age, sex}; // {name: "伍六七", age: 12, sex: "male"}

云服務器 GPU云服務器數據挖掘常用方法數據分析常用方法常用數據分析方法數據分析常用統計方法

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

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

談前端權限

摘要：自從有了前后端分離，前端的工作內容就變得越發多起來，其中有一項就是權限控制，下面就談一談前端權限。所以從某種意義上來說，就算前端的權限控制做得再嚴密，可能作用也是有限的。 showImg(https://segmentfault.com/img/bVbpwf4); 自從有了前后端分離，前端的工作內容就變得越發多起來，其中有一項就是權限控制，下面就談一談前端權限。 WHAT首先我們要理清...

alaege 2019-08-26 13:33 評論0 收藏0
論如何把后臺管理系統寫出花

摘要：知識在于分享，也是希望和大家交流下，如何把后臺管理系統寫得能更具工程化，模塊化，更有效率。后臺管理系統多為端，所以和的技術運用不多，會根據產品需求進行優雅降級和漸進增強。前兩天看segmentfault的時候，突然間，想寫篇文章總結一下那些年自己寫過的后臺管理系統。作為我前端的入門項目，我對后臺管理系統的感情還是挺深的。本著以下幾點原因，寫了此文。對后臺管理系統做一個綜合全面的總...

sugarmo 2019-08-19 18:38 評論0 收藏0
論如何把后臺管理系統寫出花

摘要：知識在于分享，也是希望和大家交流下，如何把后臺管理系統寫得能更具工程化，模塊化，更有效率。后臺管理系統多為端，所以和的技術運用不多，會根據產品需求進行優雅降級和漸進增強。前兩天看segmentfault的時候，突然間，想寫篇文章總結一下那些年自己寫過的后臺管理系統。作為我前端的入門項目，我對后臺管理系統的感情還是挺深的。本著以下幾點原因，寫了此文。對后臺管理系統做一個綜合全面的總...

xi4oh4o 2019-06-27 13:59 評論0 收藏0
精讀《REST, GraphQL, Webhooks, & gRPC 如何選型》

摘要：而利用進一步提高了序列化速度，降低了數據包大小。帶來的最大好處是精簡請求響應內容，不會出現冗余字段，前端可以決定后端返回什么數據。再次強調，相比和，是由前端決定返回結果的反模式。請求者可以自定義返回格式，某些程度上可以減少前后端聯調成本。 1 引言每當項目進入聯調階段，或者提前約定接口時，前后端就會聚在一起熱火朝天的討論起來。可能 99% 的場景都在約定 Http 接口，討論 URL...

DevWiki 2019-08-23 11:53 評論0 收藏0
前端必須知道的Nginx的常用配置

摘要：負載均衡是通過后端引入一個負載均衡器和至少一個額外的服務器來緩解這類問題增加的服務器和原本的服務器提供相同的內容。負載均衡不需要前端進行配置，主要是服務端進行配置，前端稍作了解即可。 Nginx主要功能負載均衡反向代理動靜分離配置https 負載均衡負載均衡是一門計算機網絡技術，主要用來優化資源使用、最大化吞吐率、最小化響應時間、同時避免過載的目的。如果一個網站只有一臺服...

tracymac7 2019-07-25 14:27 評論0 收藏0