基本的数组序列化功能
2016-06-12 本文已影响246人
云香水识
/**
* 每日一题
* 基本的数组序列化功能, 【jQuery.param 简单实现】
* @param {Array<{name,value}>} arr 待序列化的原数组
* @return {string} 返回一个序列化后字符串
*/
function param (arr) {
var str = '';
// TODO
if (Array.isArray(arr)) {
str = arr.map(function (item) {
return item.name + '=' + item.value;
}).join('&');
}
else {
str = param(obj2arr(arr));
}
return str;
}
/**
* 非序列化数组对象转化为数组
* @param {a: 1, b: [2, 3]} obj 对象
* @return {[{name: 'a', value: 1}, {name: 'b', value: 2}, {name: 'b', value: 3}]} 序列化数组
*/
function obj2arr (obj) {
var arr = [];
Object.keys(obj).forEach(function (k) {
if (Array.isArray(obj[k])) {
arr = arr.concat(obj[k].map(function (v) {
return {
name: k,
value: v
};
}));
}
else {
arr.push({
name: k,
value: obj[k]
});
}
});
return arr
}
// Example:
var arr = [
{
name: 'a',
value: 1
},{
name: 'a',
value: 2
},{
name: 'b',
value: 'abc'
},{
name: 'c',
value: 'xxx'
},{
name: 'a',
value: 1
}
];
var obj1 = {
a: 1,
b: 'abc',
c: 'xxx'
};
var obj2 = {
a: [1, 2, 1],
b: 'abc',
c: 'xxx'
};
console.log( param(arr) ); // 'a=1&a=2&b=abc&c=xxx&a=1'
console.log( param(obj1) ); // 'a=1&b=abc&c=xxx'
console.log( param(obj2) ); // 'a=1&a=2&a=1&b=abc&c=xxx'