脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js json数组添加

js数组如何添加json数据及js数组与json的区别

 更新时间：2015年10月27日 09:22:06   投稿：mrr  
在JSON中，有两种数据结构：对象和数组。本篇文章给大家介绍js数组如何添加json数据以及js数组和json的区别，涉及到js json数组添加相关知识，感兴趣的朋友可以参考下本篇文章

 JSON（JavaScript Object Notation ）是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，JSON是JavaScript原生数据格式。

下面给大家介绍js数组添加json数据的两种方式。

// 第一种方式

personInfo
: [],
for(var i = 0; i < _STAGE.passengerInfoArray.length; i++){
var name = _STAGE.passengerInfoArray[i];
var person = {v:name, text:name};
this.personInfo.push(person);
}

// 第二种方式

var passengerInfo = {};
passengerInfo.psgTypeDesc = psgTypeDesc;
passengerInfo.flightPrice = flightPrice;
_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:Object;

  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);

  结果都为：'空闲闲置期'

您可能感兴趣的文章:

相关文章

  • layUI布局使用教程

    layUI布局使用教程

    layui属于轻量级框架,简单美化.是用于开发后端模式,它在服务端页面上有非常好的效果，这篇文章主要介绍了layUI布局使用教程,需要的朋友可以参考下
    2022-09-09
  • JS实现图片元素转BASE64编码的简单示例

    JS实现图片元素转BASE64编码的简单示例

    在Web开发中,我们经常需要将图片转换为Base64格式,以便在不依赖外部资源的情况下直接在HTML中使用,在这篇文章中,我将向您展示如何使用JavaScript将图片元素转BASE64编码,需要的朋友可以参考下
    2023-12-12
  • JavaScript获取网页中第一个图片id的方法

    JavaScript获取网页中第一个图片id的方法

    这篇文章主要介绍了JavaScript获取网页中第一个图片id的方法,涉及javascript中document.images方法的使用技巧,需要的朋友可以参考下
    2015-04-04
  • alert出数组中的随即值代码

    alert出数组中的随即值代码

    一个alert出数组中的随即值代码，随即的到min和max之间的值，经测试，比较实用
    2014-09-09
  • js图片延迟加载(Lazyload)三种实现方式

    js图片延迟加载(Lazyload)三种实现方式

    这篇文章主要介绍了js延迟加载(Lazyload)三种实现方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
    2017-03-03
  • Js动态添加复选框Checkbox的实例方法

    Js动态添加复选框Checkbox的实例方法

    Js动态添加复选框Checkbox的实例方法，需要的朋友可以参考一下
    2013-04-04
  • JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】

    JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】

    这篇文章主要介绍了JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果,涉及Sketch.js插件的使用及HTML5元素的应用技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-08-08
  • JS轮播图中缓动函数的封装

    JS轮播图中缓动函数的封装

    这篇文章主要为大家详细介绍了JS轮播图中缓动函数的封装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-01-01
  • 一文了解你不知道的JavaScript异步篇

    一文了解你不知道的JavaScript异步篇

    这篇文章主要为大家详细介绍了一些你不知道的JavaScript异步相关知识，文中的示例代码讲解详细，对我们学习JavaScript有一定帮助，感兴趣的可以跟随小编一起学习一下
    2022-11-11
  • 表格展示利器 Bootstrap Table实例代码

    表格展示利器 Bootstrap Table实例代码

    在表格导出数据中，发现设置了分页参数，导出的数据仅为表格加载的分页参数数据，于是，针对这样的情况，通过设置分页参数的值，使表格可以加载更多的数据，可达到导出所有数据的功能需求。下面通过本文给大家分享表格展示利器 Bootstrap Table
    2017-09-09

最新评论