JS实现给json数组动态赋值的方法示例


Posted in Javascript onMarch 19, 2020

本文实例讲述了JS实现给json数组动态赋值的方法。分享给大家供大家参考,具体如下:

json 数组也是数组:

//1、
var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]";
var jsonarray = eval('('+jsonstr+')');
var arr =
  {
   "name" : $('#names').val(),
   "value" : $('#values').val()
  }
jsonarray.push(arr);
//2、
var json={};// 定义一个json对象
json.array1=["2","4"];// 增加一个新属性,此属性是数组
json.array1[json.array1.length]='6';// 数组追加一个元素
alert(json.array1)

给json类型的字符串动态赋值

json类型的字符串,需要使用json.parse()方法,先转换成json的对象,然后将其赋值给一个var类型的变量,最后为该变量使用push方法,动态赋值。

如果直接使用json.parse("jsonString").push,就会弹出push is not a function

嫌麻烦的话,可以使用(json.parse("jsonString")).push

var arr = {"id": scheduleId, "isDelete": true};
var jsonArray = JSON.parse(scheduleList);
jsonArray.push(arr);

下面是其他人的补充

Js中动态创建Json,动态为Json添加属性、属性值

var param = {};
 for(var i=0;i<fields.length;i++){
  var field = fields[i];
  if(field.searchCondition != undefined && $('#search'+field.name).val() != ''){
   param["search."+field.name]=$('#search'+field.name).val();
  }
 }

在js中,一个[]认为是数组;{}认为是Json对象;

var json = {};

定义一个Json对象;

为Json对象赋值:

json[aa] = "xx";

eval 解析json报错 提示缺少“;”
如果json串没问题的话,用eval('('+json+')');试试,换成单引号

javaScript动态创建数组、动态赋值json数据方法之一

/*测试:动态创建数组,动态赋值json数据*/
var json2 = "{'name':'zhangsan','age':99}";
var persons = new Array();
persons[ 0 ] = new Object();
persons[ 0 ].name = "xxx";
persons[ 0 ].age = 18;
persons[ 1 ] = new Function("return" + json2 )();
alert(  persons[ 1 ].name + persons[ 1 ].age );

/*上面结果显示 zhangsan99*/

/* json里面的数组转为JS的数组*/
var jsonXX = "[ {name:'zhangsan',age:99},{name:'lisi',age:77}]";
var obj = new Function("return "+jsonXX)();
for(var b in obj)
{
alert(obj[b].name);
}

/*补充安全一点做法是,要判断一下*/

var obj=(function ToJSON(o)
{
if( typeof ( o ) == "string")
{
try
{
return new Function("return "+o)();
}
catch( e )
{
return null;
}
}
})( jsonXX);

把json格式的字符串转换成javascript对象或数组

第一种

JSON.parse(jsonString)

第二种

eval("("+jsonString+")")

或者

eval('('+json+')');

第三种

var obj=(function ToJSON(o){
if(typeof(o)=="string")try{return new Function("return "+o)();}catch(e){return null;}
})("[{name:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}]");
for(var b in obj)alert(obj[b].name);

Javascript 相关文章推荐
javascript new一个对象的实质
Jan 07 Javascript
js 走马灯简单实例
Nov 21 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
Mar 03 Javascript
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
Jan 19 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
jsonp跨域请求实现示例
Mar 13 Javascript
VUE 全局变量的几种实现方式
Aug 22 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 Javascript
JS FormData对象使用方法实例详解
Feb 12 Javascript
创建nuxt.js项目流程图解
Mar 13 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
JavaScript之Canvas_动力节点Java学院整理
Jul 04 #Javascript
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 #jQuery
jQuery动画_动力节点节点Java学院整理
Jul 04 #jQuery
JS点击缩略图整屏居中放大图片效果
Jul 04 #Javascript
理解Angular的providers给Http添加默认headers
Jul 04 #Javascript
详解在Angular项目中添加插件ng-bootstrap
Jul 04 #Javascript
详解在 Angular 项目中添加 clean-blog 模板
Jul 04 #Javascript
You might like
杏林同学录(七)
2006/10/09 PHP
PHP中如何调用webservice的实例参考
2013/04/25 PHP
PDO防注入原理分析以及使用PDO的注意事项总结
2014/10/23 PHP
php站内搜索关键词变亮的实现方法
2014/12/30 PHP
php中的动态调用实例分析
2015/01/07 PHP
PHP通过curl获取接口URL的数据方法
2018/05/31 PHP
laravel 实现关闭CSRF(全部关闭、部分关闭)
2019/10/21 PHP
javascript在一段文字中的光标处插入其他文字
2007/08/26 Javascript
Jquery replace 字符替换实现代码
2010/12/02 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
js操作table示例(个人心得)
2013/11/29 Javascript
jquery分页插件jpaginate在IE中不兼容问题
2014/04/22 Javascript
js鼠标点击图片实现随机变换图片的方法
2015/02/16 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
基于Vuejs和Element的注册插件的编写方法
2017/07/03 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
nodejs语言实现验证码生成功能的示例代码
2019/10/13 NodeJs
vue中axios的二次封装实例讲解
2019/10/14 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
Python实现查找系统盘中需要找的字符
2015/07/14 Python
django静态文件加载的方法
2018/05/20 Python
Django forms组件的使用教程
2018/10/08 Python
使用python os模块复制文件到指定文件夹的方法
2019/08/22 Python
windows python3安装Jupyter Notebooks教程
2020/04/13 Python
CSS3 制作旋转的大风车(充满童年回忆)
2013/01/30 HTML / CSS
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
SQL Server面试题
2013/04/04 面试题
生产主管岗位职责
2013/11/10 职场文书
继电保护工岗位职责
2014/01/05 职场文书
卫校中专生的自我评价
2014/01/15 职场文书
迅雷Cued工作心得体会
2014/01/27 职场文书
石油大学毕业生自荐信
2014/01/28 职场文书
2014年重阳节老干部座谈会局领导发言稿
2014/09/25 职场文书
2014年电厂个人工作总结
2014/11/27 职场文书
小升初自荐信范文
2015/03/05 职场文书