js常用数据处理方法封装

冷不防 2022-12-11 07:51 173阅读 0赞

#### 1、去除千分位 ####

#### 2、排序 ####

function sort(a, b) {
        return a - b;
    }
    arr.sort(sort)

#### 3、添加千分位 ####

#### 4、数组按照对象某个值排序 ####

function compare(property) {
        return function (a, b) {
             var value1 = parseFloat(a[property]);
             var value2 = parseFloat(b[property]);
             return value2 - value1;        //倒序   value1-value2  正序
         }
     }
     arr.sort(compare('键名'))

#### 5、判断对象长度 ####

Object.keys(obj).length
    //Object.keys() 返回的是有对象的键名组成的一个数组

#### 6、jq调用 ####

> 在项目开发过程中，会调用很多的接口，可以采用封装的方式，通过传参请求方式返回结果，得到想要的结果(ajax)  
> 【利用promise异步请求，通过.then获取resolve结果】
> 
>     //接口请求
>           mhs_api: function (url, obj) {
>              var $this = this;
>               return new Promise(function (resolve, reject) {
>                  $.ajax({
>                       type: "POST",
>                      dataType: "json",
>                      async: true,
>                      data: obj,
>                      url: url,
>                      success: function (res) {
>                          resolve(res)
>                      },
>                      error: function (res) {
>                      },
>                  });
>              });
>          },
>     //调用接口
>     var url = "xxxxx";
>     var data = {...};
>     var resdata = $this.mhs_api(url, obj);
>     resdata.then((res) => {
>         console.log(res) //res 为接口返回的数据
>     })

#### 7、简单移动端缩放适配 ####

>     ;(function() {
>       let htmlwidth=document.documentElement.clientWidth || document.body.clientWidth;//有些浏览器> >   documentElement获取不到,那就使用后面的body
>       let htmlDom = document.getElementsByTagName('html')[0]
>       htmlDom.style.fontSize=htmlwidth/20+'px';
>       console.log(htmlwidth/20)
>     })();
>     标签部分
>     <meta name="viewport" content="width=device-width,intial-scale=1,user-scalable=no">

#### 8、数组拍平 ####

>     function flatArr(arr) {
>       var newArr = arr.reduce((prev, current) => {
>           return prev.concat(Array.isArray(current) ? flatArr(current) : current)
>       }, []);
>       return newArr;
>     }