位置: 编程技术 - 正文

在JavaScript中使用JSON数据(能用javascript 最终)

编辑:rootadmin

推荐整理分享在JavaScript中使用JSON数据(能用javascript 最终),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript可以被用来,javascript运用,js用于,用javascript,javascript怎么用,用javascript,javascript运用,javascript运用,内容如对您有帮助,希望把文章链接给更多的朋友!

JSON 是 JavaScript 原生格式,这意味着 在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

JSON语法

JSON建构于两种结构:

对象——名称/值对的集合。不同的语言中,它被理解为对象,纪录,结构,字典,哈希表,有键列表(keyed list),或者关联数组。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值' 对”之间使用“,”(逗号)分隔。

数组——值的有序列表。在大部分语言中,它被理解为数组。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。

JSON没有变量或其他控制结构。JSON只用于数据传输。

将JSON 数据赋值给变量

例如,可以创建一个新的 JavaScript 变量,然后将 JSON 格式的数据字符串直接赋值给它:

这非常简单;现在 people 包含前面看到的 JSON 格式的数据。但是,这还不够,因为访问数据的方式似乎还不明显。

访问数据

尽管看起来不明显,但是上面的长字符串实际上只是一个数组;将这个数组放进 JavaScript 变量之后,就可以很轻松地访问它。实际上,只需用点号表示法来表示数组元素。所以,要想访问 programmers 列表的第一个条目的姓氏,只需在 JavaScript 中使用下面这样的代码:

注意,数组索引是从零开始的。所以,这行代码首先访问 people 变量中的数据;然后移动到称为 programmers 的条目,再移动到第一个记录( [0] );最后,访问 lastName 键的值。结果是字符串值 “McLaughlin” 。

下面是使用同一变量的几个示例。

利用这样的语法,可以处理任何 JSON 格式的数据,而不需要使用任何额外的 JavaScript 工具包或 API 。

在JavaScript中使用JSON数据(能用javascript 最终)

修改 JSON 数据

正如可以用点号和括号访问数据,也可以按照同样的方式轻松地修改数据:

在将字符串转换为 JavaScript json 格式对象之后,就可以像这样修改变量中的数据。

注意:json 格式的对象和 json 文本是不同的

转换回字符串

当然,如果不能轻松地将对象转换回本文提到的文本格式,那么所有数据修改都没有太大的价值。在 JavaScript 中这种转换也很简单:

这样就行了!现在就获得了一个可以在任何地方使用的文本字符串,例如,可以将它用作 Ajax 应用程序中的请求字符串。

更重要的是,可以将任何 JavaScript 对象转换为 JSON 文本。并非只能处理原来用 JSON 字符串赋值的变量。为了对名为 myObject 的对象进行转换,只需执行相同形式的命令:

这就是 JSON 与其他数据格式之间最大的差异。如果使用 JSON ,只需调用一个简单的函数,就可以获得经过格式化的数据,可以直接使用了。对于其他数据格式,需要在原始数据和格式化数据之间进行转换。即使使用 Document Object Model 这样的 API (提供了将自己的数据结构转换为文本的函数),也需要学习这个 API 并使用 API 的对象,而不是使用原生的 JavaScript 对象和语法。

最终结论是,如果要处理大量 JavaScript 对象,那么 JSON 几乎肯定是一个好选择,这样就可以轻松地将数据转换为可以在请求中发送给服务器端程序的格式(Ajax) 。

JSON字符串转换为JSON对象的方法

要使用上面的str1,必须使用下面的方法先转化为JSON对象:

或者

或者

然后,就可以这样读取:

特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。

极易被忽视的javascript面试题七问七答 此题是我出的一套前端面试题中的最后一题,用来考核面试者的JavaScript的综合能力,很可惜到目前为止的将近两年中,几乎没有人能够完全答对,并非

获取阴历(农历)和当前日期的js代码 本文为大家分享了一段js显示阴历(农历)和当前日期的关键性代码,供大家参考,具体内容如下varCalendarData=newArray();varmadd=newArray();vartgString="甲乙

一道常被人轻视的web前端常见面试题(JS) 面试题是招聘公司和开发者都非常关心的话题,公司希望通过它了解开发者的真实水平和细节处理能力,而开发者希望能够最大程度地展示自己的水平

标签: 能用javascript 最终

本文链接地址:https://www.jiuchutong.com/biancheng/381662.html 转载请保留说明!

上一篇:10个JavaScript中易犯小错误

下一篇:获取阴历(农历)和当前日期的js代码(查找阴历日历)

  • 餐饮发票公司怎么抵税
  • 企业所得税申报表
  • 需要考虑的税务问题
  • 小规模纳税人开专票税率是1%还是3%
  • 6个点税如何计算方法
  • 跨年的预收账款怎么记账
  • 印花税的三种缴税方式
  • 金融商品转让和持有至到期都需要缴纳增值税吗
  • 会计凭证审核的主要内容
  • 流动负债占总负债比率较高说明什么
  • 独立核算的分公司怎么报税
  • 进项税额转出要补所得税吗
  • 进项税当月申报怎么申报
  • 土地使用管理费
  • 收到公众号申请的小额打款认证怎么入账?
  • 发放独生子女津贴的条件
  • 工业总产值填报原则
  • 国企不交社保怎么办
  • 出差补贴是否缴纳个人所得税 北京
  • 关于医疗服务质量的医疗服务要素
  • 销售人员差旅费管理办法
  • 季报的利润表是填本期金额还是本年
  • 国外发票可以报销吗
  • 发票作废什么时候生效
  • 建筑劳务预缴税款后怎么申报
  • 电脑怎么纯净启动
  • PHP:mb_parse_str()的用法_mbstring函数
  • 计提本月应交未交增值税
  • 公司付物业费没开发票
  • thinkphp上传文件
  • php json格式化
  • php与java区别
  • iis部署javaweb
  • 测试工程师有前途么
  • es5和es6的区别
  • 【机器学习】python实现吴恩达机器学习作业合集(含数据集)
  • gpt最大
  • html用javascript
  • 小企业会计准则没有以前年度损益调整科目
  • 工会经费是应付职工薪酬的借方还是贷方
  • dedecms怎么改图片
  • mongodb怎么用
  • 详解帝国cms图集大全
  • 个体工商户增值税申报操作流程
  • 固定资产大修理和更新改造的区别
  • 电子承兑汇票到期后多少天能兑现
  • 债权投资持有期间的账务处理
  • 免税收入不征税收入计入收入总额吗
  • 发票 认证抵扣
  • 国家知识产权专利网
  • 付款退回在现金里怎么查
  • 公司中标
  • 收到银联代收短信
  • 环境保护税共享信息表
  • 资产处置损益在资产负债表哪里
  • 会计上有哪些
  • 基本户转法人个人账户如何做账
  • 明细分类账的记账
  • mysql5.6怎么用
  • tcpdump的用法
  • 开机提示windows即将过期
  • 升级win8.1后vpn出现错误720该怎么办?
  • win7thin
  • quick-cocos2d-x如何在mac下编译安卓版本
  • a*算法的优缺点
  • Android Chromium WebView学习启动篇
  • html中的表格
  • vue router详解
  • nodejs如何使用
  • git 删除分支和回滚的实例详解
  • 浅谈关于混合模式教学的看法
  • node的express
  • js math.js
  • jquery使用教程
  • android获取手机的基本信息
  • jquery propertychange
  • jquery中的each方法
  • 国家税务总局最新消息
  • 餐饮办税
  • 深圳房东有钱吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设