>[info] 解析url參數字符串中的參數
```
/**
* 解析url參數字符串
* @param {將要解析的url參數字符串} str
*/
function getSearchQuerys(str) {
if (!str) return;
let arrStrs = decodeURIComponent(str).split('&');
let objStrs = {};
for(let i = 0, len = arrStrs.length; i < len; i++) {
const [ key, value ] = arrStrs[i].split('=');
if (key !== undefined && key !== '') {
objStrs[key] = value;
}
}
return objStrs;
}
```
~~~
// Example
const scenes = getSearchQuerys('a%3D1%26b%3D23ert554fr%26c%3D65gttrg');
console.log(scenes); // {a:?"1",b:?"23ert554fr",c:?"65gttrg"}
~~~
*****
>[info] 函數去抖
```
function debance(fn, delay) {
let t = null;
return function() {
let that = this;
let args = arguments;
clearTimeout(t);
t = setTimeout(function() {
fn.apply(context, args);
}, delay);
}
}
```
~~~
// Example
let n = 1;
function func () {
n += 1;
console.log('n', n);
}
window.onresize = debance(func, 1000);
~~~
*****
>[info] 函數節流
```
function throttle (fn, delay) {
let preTime = Date.now();
return function() {
let that = this;
let args = arguments;
let nowTime = Date.now();
if (preTime + delay < nowTime) {
fn.apply(that, args);
preTime = nowTime;
}
}
}
```
~~~
// Example
let n = 1;
function func () {
n += 1;
console.log('n', n);
}
window.onresize = throttle(func, 1000);
~~~
*****
>[info] 過濾對象中的值為空的字段
```
/**
* 過濾對象中的值為空的字段,常用于前后端接口交互的數據格式處理
* @param {*待過濾的數據對象} params
*/
function dataFilters (params = {}) {
for (let key in params) {
if (params[key] === '') {
delete params[key];
}
}
return params;
}
```
*****
>[info] 數組轉對象
```
/**
* 將對象數組轉換為以指定字段為key的對象
* @param {Array} arrs (將要轉換的數組)
* @param {String} key (以哪個字段作為對象的key)
*/
export const arrayToObj = (arrs = [], key = 'id') => {
const params = {};
for (let i = 0, len = arrs.length; i < len; i++) {
const item = arrs[i];
params[item[key]] = item;
}
return params;
};
```
*****
>[info] 對象轉數組
```
/**
* 將對象轉換為以key對應的值為內容的數組
* @param {Object} obj (將要轉換的對象)
*/
export const objToArray = (obj = {}) => {
const arr = [];
Object.keys(obj).forEach(key => {
arr.push(obj[key]);
});
return arr;
};
```
