如何穿件一个包裹多个对象的数组

fish_whale 2018-11-23 12:31:36
<input type="text" placeholder="name" value='jon,jane'></input>
<input type="text" placeholder="age" value= '12,11'></input>
传参时怎么把2个input中的值以下面这种格式传递
[ {
"name" :jone,
"age" : 12
}, {
"name" :jane,
"age" : 11
} ]
...全文
448 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
fish_whale 2018-11-29
  • 打赏
  • 举报
回复
引用 5 楼 天际的海浪 的回复:
[quote=引用 4 楼 fish_whale 的回复:] [quote=引用 3 楼 天际的海浪 的回复:] <input type="text" placeholder="name" value='jon,jane'></input> <input type="text" placeholder="age" value= '12,11'></input> <script type="text/javascript"> var arr1 = document.getElementsByTagName("input")[0].value.split(","); var arr2 = document.getElementsByTagName("input")[1].value.split(","); var json = arr1.map((v, i)=>({"name":v, "age": arr2[i]})); console.log(JSON.stringify(json,null,4)); </script>
这样得到的是一个json字符串,请问怎么转为数组呢,我用eval()转,结果里面的双引号也被去掉了[/quote] json本身就是数组。不用转换[/quote] 好的,谢谢
fish_whale 2018-11-27
  • 打赏
  • 举报
回复
引用 3 楼 天际的海浪 的回复:
<input type="text" placeholder="name" value='jon,jane'></input> <input type="text" placeholder="age" value= '12,11'></input> <script type="text/javascript"> var arr1 = document.getElementsByTagName("input")[0].value.split(","); var arr2 = document.getElementsByTagName("input")[1].value.split(","); var json = arr1.map((v, i)=>({"name":v, "age": arr2[i]})); console.log(JSON.stringify(json,null,4)); </script>
这样得到的是一个json字符串,请问怎么转为数组呢,我用eval()转,结果里面的双引号也被去掉了
天际的海浪 2018-11-27
  • 打赏
  • 举报
回复
引用 4 楼 fish_whale 的回复:
[quote=引用 3 楼 天际的海浪 的回复:] <input type="text" placeholder="name" value='jon,jane'></input> <input type="text" placeholder="age" value= '12,11'></input> <script type="text/javascript"> var arr1 = document.getElementsByTagName("input")[0].value.split(","); var arr2 = document.getElementsByTagName("input")[1].value.split(","); var json = arr1.map((v, i)=>({"name":v, "age": arr2[i]})); console.log(JSON.stringify(json,null,4)); </script>
这样得到的是一个json字符串,请问怎么转为数组呢,我用eval()转,结果里面的双引号也被去掉了[/quote] json本身就是数组。不用转换
天际的海浪 2018-11-23
  • 打赏
  • 举报
回复
<input type="text" placeholder="name" value='jon,jane'></input> <input type="text" placeholder="age" value= '12,11'></input> <script type="text/javascript"> var arr1 = document.getElementsByTagName("input")[0].value.split(","); var arr2 = document.getElementsByTagName("input")[1].value.split(","); var json = arr1.map((v, i)=>({"name":v, "age": arr2[i]})); console.log(JSON.stringify(json,null,4)); </script>
風灬雲 2018-11-23
  • 打赏
  • 举报
回复

let nameVal="jone,jane",ageVal="12,11";
let nameArr=nameVal.split(","),ageArr=ageVal.split(",");
if(nameArr.length!==ageArr.length){//如果必须一一对应的话就判断一下
console.log("对应关系不正确")
}
//不需要一一对应的话直接取长的数组遍历;这样短的数组会以undefined补齐
let length=nameArr.length>ageArr.length?nameArr.length:ageArr.length,
res=[];
for(let i = 0; i<length;i++){
res.push({
name:nameArr[i],
age:ageArr[i]
})
}
2018-11-23
  • 打赏
  • 举报
回复


	var name = $("input[placeholder='name']").val().split(',');
	var age = $("input[placeholder='age']").val().split(',');
	var json = [];
	for(var i = 0; i < name.length && i < age.length; i++){
		json.push({name: name[i], age: age[i]});
	}
	console.log(json);

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧