JS开发中常用的小技巧
1、获取指定范围内的随机数
|
1
2
3
|
function getRadomNum(min,max){ return Math.floor(Math.random() * (max - min + 1)) + min;} |
2、随机获取数组中的元素
|
1
2
3
4
|
function getRadomFromArr(arr){ return arr[Math.floor(Math.random()*arr.length)];} |
3、生成从0到指定值的数字数组
|
1
2
3
4
5
|
function getArray(len) { var arr = [],i = 1; for (; arr.push(i++) < len;); console.log(arr)} |
等同于：
|
1
2
3
4
5
6
7
|
function getArray(len) { var arr = [],i = 1; for (; i < len; i++) { arr.push(i) } console.log(arr)} |
4、打乱数字数组的顺序
|
1
2
3
4
|
var arr = [1, 2, 3, 4, 5, 6, 7, 'a', 'dsfs', 8, 9, 'v'];arr.sort(function() { return Math.random() - 0.5}); |
5、对象转换为数组
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
//注意对象必须是以下格式的才可以通过此方式转化为数组//获取的DOM集合，以及函数的arguments也可以通过此方式转化为数组var obj = { 0: 'qian', 1: 'long', 2: 'chu', 3: 'tian', length: 4}var objArr = Array.prototype.slice.call(obj);// var objArr = [].slice.call(obj);// var objArr = Array.prototype.slice.apply(obj);console.log(objArr) |
6、验证是否为数组
|
1
2
3
|
function isArray(obj) { return Object.prototype.toString.call(obj) === '[object Array]';} |
7、获取数组中最大或者最小值
|
1
2
3
4
5
6
|
function maxAndMin(arr){ return { max:Math.max.apply(null,arr.join(',').split(',')), min:Math.min.apply(null,arr.join(',').split(',')) }} |
8、清空数组
|
1
2
3
4
5
6
7
8
9
10
11
|
//方式一 通过将长度设置为0var arr = [1, 2, 3, 4, 5];arr.length = 0;//方式二 通过splice方法var arr = [1, 2, 3, 4, 5];arr.splice(0, arr.length);//方式三 通过将空数组 [] 赋值给数组(严格意义来说这只是将ary重新赋值为空数组，之前的数组如果没有引用在指向它将等待垃圾回收。)var arr = [1, 2, 3, 4, 5];arr = []; |
9、保留指定小数位
|
1
2
|
var num =4.345678;num = num.toFixed(4); // 4.3457 第四位小数位以四舍五入计算 |
10、生成指定长度的随机字母数字字符串
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
// 生成指定长度的随机字母数字字符串/*写法一function getRandomStr(len) { var str = ""; for (; str.length < len; str += Math.random().toString(36).substr(2)); return str.substr(0, len);}写法二function getRandomStr(len) { var str = ""; for (; str.length < len;) { str += Math.random().toString(36).substr(2); } return str.substr(0, len);}*//*写法三*/function getRandomStr(len) { for (var str = ''; str.length < len; str += Math.random().toString(36).substr(2)); return str.substr(0, len)} |
11、找出数组中出现次数最的元素，并给出其出现过的位置
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
function getMaxAndIndex(arr) { var obj = {}; arr.forEach(function(item, index) { if (!obj[item]) { obj[item] = { indexs: [index] } } else { obj[item]['indexs'].push(index); } }); var num = 0; //记录出现次数最大值 var str = ''; //记录出现次数最多的字符 var reArr; //返回最大值的位置数组 for (var attr in obj) { var temp = obj[attr]['indexs']; if (temp.length > num) { num = temp.length; str = attr; reArr = temp; } } return { maxStr: str, indexs: reArr }} |
一、简单一维数组的去重：
简单一维数组的去重方法有很多，这种数组里面的值都是普通的数据类型，并没有对象，因此去重方法有很多，这里总结一下常用的四种方法（网上还有一些其它的方法）：
方法一：双层循环去重
function uniqueArr(arr) {
var result = [];
for (var i = 0; i < arr.length; i++) {
for (var j = i + 1; j < arr.length; j++) {
if (arr[i] === arr[j]) {
j = ++i;
}
}
result.push(arr[i]);
}
return result;
}方法二：利用对象的属性不能相同去重
function uniqueArr(arr) {
var result = [];
var obj = {};
for (var i = 0; i < arr.length; i++) {
if (!obj[arr[i]]) {
obj[arr[i]] = 1;
result.push(arr[i]);
}
}
return result;
}方法三：利用下标
function uniqueArr(arr) {
var result = [arr[0]];
for (var i = 1; i < arr.length; i++) {
if (result.indexOf(arr[i]) == -1) {
result.push(arr[i]);
}
}
return result;
}方法四：ES6去重
function uniqueArr(arr) {
return Array.from(new Set(arr));
}二、包含对象的二维数组去重：
假设有这样的一个二维数组，数组里面多个对象的属性至少有一个都一样，那就该如何去除重复的数据呢？这里总结一下两种方法：
方法一：双重循环去除法
function uniqueArr(arr, key) {
var newArr = [];
for (var i = 0; i < arr.length; i++) {
var flag = true;
for (var j = 0; j < newArr.length; j++) {
if (arr[i][key] == newArr[j][key]) {
flag = false;
}
}
if (flag) newArr.push(arr[i]);
}
return newArr;
}方法二：利用reduce来实现
function uniqueArr(arr, key) {
var hash = {};
return arr.reduce(function(item, next) {
hash[next[key]] ? '' : hash[next[key]] = true && item.push(next);
return item
}, []);
}例子：
var arr = [{
id: '001',
name: 'Jack'
},
{
id: '002',
name: 'Eric'
},
{
id: '003',
name: 'Tom'
},
{
id: '003',
name: 'Lucy'
},
{
id: '002',
name: 'Lucy'
},
{
id: '004',
name: 'Jacky'
},
]
uniqueArr(arr, 'id');
