纯js在网页中渲染一个列表渲染,列表渲染中的数据用js定义一个数组,存储在数组中,至少要有两个字段。

js数组如何添加json数据及js数组与json的区别
字体:[ ] 类型:转载 时间:
在JSON中,有两种数据结构:对象和数组。本篇文章给大家介绍js数组如何添加json数据以及js数组和json的区别,涉及到js json数组添加相关知识,感兴趣的朋友可以参考下本篇文章
&JSON(JavaScript Object Notation )是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,JSON是JavaScript原生数据格式。
下面给大家介绍js数组添加json数据的两种方式。
// 第一种方式
personInfo
for(var i = 0; i & _STAGE.passengerInfoArray. i++){
var name = _STAGE.passengerInfoArray[i];
var person = {v:name, text:name};
this.personInfo.push(person);
// 第二种方式
var passengerInfo = {};
passengerInfo.psgTypeDesc = psgTypeD
passengerInfo.flightPrice = flightP
_STAGE.passengerInfoArray.push(passengerInfo);
js数组与 json 的区别
&&&& 1. 定义一维数组:var s1=new Array();
&&&&&&&&&&&&&&&&&&&&&& s1=[1,2,3,4]或者s1[0]=1,s1[1]=2,s1[3]=3,s1[4]=4;
&&&&&&&&&&&&&&&&&&&&& alert(s1[0]);
&&&&&&&&&&&&&&&&&&&&&& 结果为1;
&& 2,,定义二维素组:var s1=new Array();
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& var s1=[[3,1],[2,3,4],3,[4,5,6,7,8]];
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& alert(s1[1][0]);
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& 结果为2;
&二,定义json对象
&&& 1,json对象&&&&&&&
var status_process = {
" name5" : '闲置期',
"name1" : '播种期',
"name2" : '苗期',
"name3" : '生长期',
"name4" : '采收期'
alert(status_process);
&&&&& 结果为:Object:O
& 2,json字符串
&&&&&&&&&&&&& 所谓json字符串,是指该字符串变量的值与json的格式相同,但是不是json对象,比如:
var s1="{";
var s2 = " 'name5' : '闲置期',
'name1' : '播种期','name2' : '苗期','name3' : '生长期','name4' : '采收期'";
var s3="}";
var status_process=s1+s2 +s3;
&&&&&&&&&&&&&&&&&&& 虽然status_process的值符合json对象的格式,但是它不是对象,只是一个字符串(是拼凑出来的);
&&&&&&&&&&&&&&&&&& 将字符串转换为json对象使用函数eval,eval("(" + status_process+ ")");
&&&&&&&& 结论:从后台传入到前台的是json字符串,不是真正的json对象,因此需要使用eval函数转换。
& 3,json对象的使用&&&&&&&
var status_process = {
name5 : '闲置期',
name1 : '播种期',
name2 : '苗期',
name3 : '生长期',
name4 : '采收期'
alert(status_process["name5"]);
alert(status_process.name5);
&&&&&&&&&&&& 两个都为:闲置期
& 4,json二维对象&&&&&&&
var status_process = {
name5 : {name3:'空闲闲置期'},
name1 : '播种期',
name2 : '苗期',
name3 : '生长期',
name4 : '采收期'
alert(status_process["name5"]["name3"]);
alert(status_process.name5.name3);
& 结果都为:'空闲闲置期'
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具JS如何将一个已知数组赋给一个新定义的数组?
[问题点数:40分,结帖人scorpio787878]
JS如何将一个已知数组赋给一个新定义的数组?
[问题点数:40分,结帖人scorpio787878]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2012年11月 Web 开发大版内专家分月排行榜第三
2011年3月 Web 开发大版内专家分月排行榜第二2011年1月 Web 开发大版内专家分月排行榜第二2010年10月 Web 开发大版内专家分月排行榜第二2010年9月 Web 开发大版内专家分月排行榜第二2010年6月 Web 开发大版内专家分月排行榜第二
2012年10月 Web 开发大版内专家分月排行榜第三2010年7月 Web 开发大版内专家分月排行榜第三
2012年11月 Web 开发大版内专家分月排行榜第三
2011年3月 Web 开发大版内专家分月排行榜第二2011年1月 Web 开发大版内专家分月排行榜第二2010年10月 Web 开发大版内专家分月排行榜第二2010年9月 Web 开发大版内专家分月排行榜第二2010年6月 Web 开发大版内专家分月排行榜第二
2012年10月 Web 开发大版内专家分月排行榜第三2010年7月 Web 开发大版内专家分月排行榜第三
2011年3月 Web 开发大版内专家分月排行榜第二2011年1月 Web 开发大版内专家分月排行榜第二2010年10月 Web 开发大版内专家分月排行榜第二2010年9月 Web 开发大版内专家分月排行榜第二2010年6月 Web 开发大版内专家分月排行榜第二
2012年10月 Web 开发大版内专家分月排行榜第三2010年7月 Web 开发大版内专家分月排行榜第三
2012年11月 Web 开发大版内专家分月排行榜第三
本帖子已过去太久远了,不再提供回复功能。用js实现in_array的方法
字体:[ ] 类型:转载 时间:
js没有in_array函数,但是我们可以自己给js写一个in_array函数
在js中我们不能像php中那样直接要判断一个值或字符串在数组中利用in_array来实现,因为js没有in_array函数,但是我们可以自定来给js写一个in_array函数,下面我收集了几个。 例1 代码如下:function in_array(stringToSearch, arrayToSearch) {&for (s = 0; s & arrayToSearch. s++) {& thisEntry = arrayToSearch[s].toString();& if (thisEntry == stringToSearch) {&&& }&}&} 例2 代码如下:var a = Array(1,2,3,4,5);function in_array(search,array){&&& for(var i in array){&&&&&&& if(array[i]==search){&&&&&&&&&&&&&&&&&& }&&& }&&&}alert(in_array(11,a));&例3 代码如下:/** * JS判断一个值是否存在数组中 * 琼台博客 */// 定义一个判断函数 var in_array = function(arr){ // 判断参数是不是数组 var isArr = arr && console.log( typeof arr==='object' ? arr.constructor===Array ? arr.length ? arr.length===1 ? arr[0]:arr.join(','):'an empty array': arr.constructor: typeof arr );// 不是数组则抛出异常 if(!isArr){ throw "arguments is not Array"; }// 遍历是否在数组中 for(var i=0,k=arr.i&k;i++){ if(this==arr[i]){
} }// 如果不在数组中就会返回false
}// 给字符串添加原型 String.prototype.in_array = in_ // 给数字类型添加原型 Number.prototype.in_array = in_// 声明一个数组 var arr = Array('blue','red','110','120');// 字符串测试 var str = 'red'; var isInArray = str.in_array(arr); alert(isInArray); // true// 数字测试 var num = 119; var isInArray = num.in_array(arr); alert(isInArray); // false 如果传入的不是数组则会抛出异常 /** * JS判断一个值是否存在数组中 * 琼台博客 */// 定义一个判断函数 var in_array = function(arr){ // 判断参数是不是数组 var isArr = arr && console.log( typeof arr==='object' ? arr.constructor===Array ? arr.length ? arr.length===1 ? arr[0]:arr.join(','):'an empty array': arr.constructor: typeof arr );// 不是数组则抛出异常 if(!isArr){ throw "arguments is not Array"; }// 遍历是否在数组中 for(var i=0,k=arr.i&k;i++){ if(this==arr[i]){
} }// 如果不在数组中就会返回false
}// 给字符串添加原型 String.prototype.in_array = in_ // 给数字类型添加原型 Number.prototype.in_array = in_// 声明一个数组 var arr =// 字符串测试 var str = 'red'; var isInArray = str.in_array(arr); alert(isInArray); // uncaught exception: arguments is not Array JS判断一个数组中是否有重复值的 var ary = new Array("111","22","33","111"); var s = ary.join(",")+","; for(var i=0;i&ary.i++) { if(s.replace(ary[i]+",","").indexOf(ary[i]+",")&-1) { alert("数组中有重复元素:" + ary[i]);
} }&总结三个实例都实现了in_array函数的功能,都可以判断给定的元素是否在数组中了,个人最喜欢的是最后一种办法,考虑比较全面哦。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具html5 在html5的localStorage中存储js数组 - 为程序员服务
为程序员服务
在html5的localStorage中存储js数组
html5的localStorage仅能存储字符串类型的数据,所以在存储数组时需要把数据转换为字符串,在使用时需要先parse将字符串转换为数组对象。
如下脚本:
var names=[];
names[0]=prompt(&New member name?&);
localStorage['names']=JSON.stringify(names);
var storedNames=JSON.parse(localStorage['names']);
您可能的代码
相关聚客文章
相关专栏文章为了账号安全,请及时绑定邮箱和手机
在一个JS数组里的存储的数据类型可以相互不同吗?
如题,比如我创建一个数组同时有字符和数值,这样创建的数组是正确的吗?
非常感谢!
写下你的评论...
写下你的评论...
写下你的评论...
Copyright (C)
All Rights Reserved | 京ICP备 号-2}

我要回帖

更多关于 vue.js 列表渲染 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信