【JS 手写Plan】篇3

今天主要是一些数组的操作和方法

其中一些去重，扁平，求和之类的方式有多种哦❤

数组乱序

var arr = [1,2,3,4,5,6,7,8,9];
for (var i = 0;i < arr.length;i++) {
    // Math.round(11.5)的返回值是12，Math.round(-11.5)的返回值是-11。
    // 四舍五入的原理是在参数上加0.5然后进行下取整。
    const randomIndex = Math.round(Math.random() * (arr.length - 1 - i)) + i;
    [arr[i], arr[randomIndex]] = [arr[randomIndex], arr[i]]
}

console.log(arr)

// 随机去取一个index
// 四舍五入   取随机数

var arr1 = [1,2,3,4,5,6,7,8,9,10];
let length = arr1.length,randomIndex,temp;

while(length) {
    randomIndex = Math.floor(Math.random() * length--);
    temp = arr[length];
    arr[length] = arr[randomIndex];
    arr[randomIndex] = temp;
}
console.log(arr)

千分位处理(含小数)

// 有小数

var n = 12323.33;

let format = n => {
    let num = n.toString(); //变成字符串
    let dec = '';  // 判断是否有小数，将小数点前的取出来

    num.indexOf('.') > -1 ? dec = num.split('.')[1] : dec;  // 33

    
    let len = num.length // 长度

    // 小于3就不用继续啦
    if (len <= 3) {
        return num;
    } else {
        // 大于3 从这里开始
        let temp = '';

        // 判断是否有3位
        let rem = len%3;

        // 
        dec ? temp = '.' + dec : temp

        if (rem > 0) {
            // 12 . 323 . 33
            return num.slice(0, rem) + '.' + num.slice(rem,len).match(/\d{3}/g).join(',') + temp
        } else {
            return num.slice(0,len).match(/\d{3}/g).join(',') + temp;
        }
    }
}
// 12.323.33

去重

let arr = [1,3,2,3,4,5,4,5,4,8];
Array.from(new Set(arr))

function test(arr) {
    let map = {};
    let res = [];
    
    for (var i = 0;i < arr.length;i++) {
        if (map.hasOwnProperty([arr[i]])) {
            map[arr[i]] = 1;
            res.push(arr[i]);
        }
    }
    return res;
}

数组求和

// reduce
let arr = [1,2,3,4,5,6,7];
let sum = arr.reduce((total,i) => total += i,0);
console.log(sum)

// 扁平求和
let arr = [1,2,3,[5,6,[7,8]]];
let sum = arr.toString().split(',').reduce((total,i) => total += Number(i),0);
console.log(sum)

// 递归
let arr = [1,2,3,4,5];

function add(arr) {
    if (arr.length == 1) return arr[0];
    return arr[0] + add(arr.slice(1))
}

console.log(add(arr))

两个数字交换

a = 12;
b = 13

function change(a,b) {
    a = a + b;   
    b = a - b;   
    a = a - b;
    console.log(a,b)
    return [a,b];
}
change(2,3)

日期处理

const dateFormat = (dateInput, format) => {
    let day = dateInput.getDate();
    let month = dateInput.getMonth() + 1;
    let year = dateInput.getFullYear(); 
    console.log(day,month,year)
    // 注意： 一月为 0, 二月为 1, 以此类推。
    format = format.replace(/yyyy/,year);
    format = format.replace(/MM/,month);
    format = format.replace(/dd/,day);
    return format
}

dateFormat(new Date('2020-12-01'), 'yyyy/MM/dd')
//2020/12/01

push实现

let arr = [];
Array.prototype.push = function() {
    for (let i = 0;i < arguments.length;i++) {
        this[this.length] = arguments[i];
    }
    return this.length;
}

// push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。


let arr1 = [1,2,3];
arr1.push(4,6); 
console.log(arr1.push(4,6), arr1); 

map实现

Array.prototype.map = function(fn) {
    // 判断函数

    const res = [];
    for (let i = 0;i < this.length;i++) {
        res.push(fn(this[i]))
    }
    return res;
}

flat实现 (包括一些数组扁平方式)

let arr = [1,2,[3,4,[5,7,8]]]
// 递归
function flat (arr) {
    let res = [];
    for (let i = 0;i < arr.length;i++) {
        if(Array.isArray(arr[i])) {
            // 数组拼接
            res = res.concat(flat(arr[i]))
        } else {
            // 单个元素直接push
            res.push(arr[i])
        }
    }
}

// reduce
function flat (arr) {
    return arr.reduce(function(prev,next) {
        return prev.concat(Array.isArray(next) ? flat(next) : next)
    },[])
}

console.log(flat(arr))

// toString split
function flat(arr) {
    return arr.toString().split(',');
}

console.log(flat(arr))

// flat
arr,flat(Infinity)

filter实现

let = [1,3,4,5,6,9];

Array.prototype.filter = function(fn) {
    if (typeof fn !== "function") {
        throw
    }

    const res = [];
    for (let i = 0,len =  this.length;i < len;i++) {
        fn(this[i]) && res.push(this[i])
    }
    return res;
}