数据处理题

野性酷女 2022-09-08 03:54 94阅读 0赞

### 题目目录 ###

*  趣味题目
 *   *  1.\['10','10','10','10','10'\].map(parseInt)
     *  2.将数组扁平化并去除其中重复数据，最终得到一个升序且不重复的数组
     *  3.把两个数组 \['A1', 'A2', 'B1', 'B2', 'C1', 'C2', 'D1', 'D2'\] 和 \['A', 'B', 'C', 'D'\]，合并为 \['A1', 'A2', 'A', 'B1', 'B2', 'B', 'C1', 'C2', 'C', 'D1', 'D2', 'D'\]
     *  4. \{1:1, 2:2, 5:5\}，把数据处理为如下结构：\[1, 2, null, null, 5, null, null, null, null, null, null, null\]。
 *  理解性题目
 *   *  1.如何实现一个new

# 趣味题目 #

## 1.\[‘10’,‘10’,‘10’,‘10’,‘10’\].map(parseInt) ##

2013年, 加里·伯恩哈德就在微博上发布了以下代码段:

['10','10','10','10','10'].map(parseInt);

以为是`[10,10,10,10,10]`,其实是`[10,NaN,2,3,4]`

解析：  
`Array.map(parseInt)`等价于

Array.map((item,index)=>{ 
    	return parseInt(item,index)
    })

那么结果便是`[parseInt('10',0),parseInt('10',1),parseInt('10',2),parseInt('10',3),parseInt('10',4)]`

> parseInt(string, radix)中radix是可选的，表示要解析的数字的基数。（通俗讲便是根据radix进制解析）该值介于 2 ~ 36 之间。如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。

那么结果便是`[10,NaN,2,3,4]`

## 2.将数组扁平化并去除其中重复数据，最终得到一个升序且不重复的数组 ##

例:`[[1,2,3,4,5],[4,5,[5,6,7],[8,9,[1,10]]],[11,[12]]]`  
首先想到的就是`Array.from(new Set())去重、flat(Infinity)数组打平、sort()排序`  
结果就出来了：

Array.from(new Set(arr.flat(Infinity))).sort((a,b)=>{ return a - b})

> 根据MDN上对Array.sort()的解释，默认的排序方法会将数组元素转换为字符串，然后比较字符串中字符的UTF-16编码顺序来进行排序。那么直接sort排序10会排在2前面，需加参数。

## 3.把两个数组 \[‘A1’, ‘A2’, ‘B1’, ‘B2’, ‘C1’, ‘C2’, ‘D1’, ‘D2’\] 和 \[‘A’, ‘B’, ‘C’, ‘D’\]，合并为 \[‘A1’, ‘A2’, ‘A’, ‘B1’, ‘B2’, ‘B’, ‘C1’, ‘C2’, ‘C’, ‘D1’, ‘D2’, ‘D’\] ##

思路很多，不要局限于一种  
1.利用sort排序

let a1 =  ['A1','A2','B1','B2','C1','C2','D1','D2']
    let a2 = ['A','B','C','D'].map((item) => { 
      return item + 3
    })
    let a3 = [...a1, ...a2].sort().map((item) => { 
      if(item.includes('3')){ 
        return item.split('')[0]
      }
      return item
    })

2.利用奇偶性插入

var a1 = ['A1', 'A2', 'B1', 'B2', 'C1', 'C2', 'D1', 'D2'];
    var a2 =['A','B','C','D'];
    var j=-1;
    var arr=[]
    for(let i=0;i<a1.length;i++){ 
      if(i%2 ===0){ 
    	j++
    	arr=arr.concat((a1.slice(i,i+2)).concat(a2[j]))
      }
    }

## 4. \{1:1, 2:2, 5:5\}，把数据处理为如下结构：\[1, 2, null, null, 5, null, null, null, null, null, null, null\]。 ##

看到这个结构就想到了`Array.from()`  
以下是我的思路：

Array.from({ ...obj,length:13}).slice(1).map(item=> item || null)

在github上看到了另一种写法：

Array.from({  length: 12 }).map((_, index) => obj[index + 1] || null);

# 理解性题目 #

## 1.如何实现一个new ##

function _new(fn, ...arg) { 
        const obj = Object.create(fn.prototype);
        const ret = fn.apply(obj, arg);
        return ret instanceof Object ? ret : obj;
    }