前端开发技巧

 根据数组内的某一项，保存数组内相同的元素

 let nodes = []  // 数组1  
 let haifNodes = []    // 数组2
 let same=nodes.filter(item=>haifNodes.some(ele=>ele.code===item.code))

indexOf  过滤

nodes .filter(function(i) {
    return haifNodes.indexOf(i) != -1
});

格式化金钱

const ThousandNums = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
const moneys = ThousandNums(20190214.6);

去最大最小值

const arr = [0, 1, 2];
const min = Math.min(...arr);
const max = Math.max(...arr);

截断数组

const arr = [0, 1, 2];
arr.length = 2;

创建指定长度且值相等的数组

const arr = new Array(3).fill(0);

创建指定长度的数组

const arr = [...new Array(3).keys()];

生成随机HEX色值

const RandomId = len => Math.random().toString(36).substr(3, len);
const id = RandomId(10);
// id => "jg7zpgiqva"

统计数组内相同数据的个数

const arr = [0, 1, 1, 2, 2, 2];
const count = arr.reduce((item, value) => {
    item[value] = item[value] ? ++item[value] : 1;
    return item;
}, {});

if多条件判断

if(test === '1' || test === '2' || test === '3' || test === '4'){
}

// 优化后
if(['1','2','3','4'].includes(test)){
}

多变量赋值

let a = 1;
let b = 2;
let c = 3;

// 优化
let [a, b, c] = [1, 2, 3];

将对象的key与value拆分成数组

const data = { a: '1', b: '2', c: '3' };
Object.entries(data);
/** 输出:
[ [ 'a', '1' ],
  [ 'b', '2' ],
  [ 'c', '3' ]
]
**/

将对象的value值拆分成数组

const data = { a: '1', b: '2', c: '3' };
Object.values(data);
/** 输出:
[ [ '1', '2', ''3 ]
]
**/

在字符串指定位置插入字符

let value = "指定位置插入字符"
value.slice(0, 4) + "插入"+ value.slice(4)