JavaScript中的JSON对象

2022/2/8 22:15:50

本文主要是介绍JavaScript中的JSON对象,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

文章目录

  • 前言
  • 一、JSON
    • 1.JSON.stringify()
    • 2、localStorage


前言

一、JSON

JSON官网给出

JSON由两种结构组成:(1)一个键值对的集合-A collection of name/value pairs(2)一组有序值-An ordered list of values.

1.JSON.stringify()

JSON.stringify()方法将一个JavaScript 对象转换为 JSON 字符串,如果指定了一个replacer 函数,则可以选择性地替换值,或者指定的replacer是数组,则可选择性地仅包含数组指定的属性。

// JSON.stringify(value[, replacer [, space]])

console.log(JSON.stringify({ x: 5, y: 6 }));
// expected output: "{"x":5,"y":6}"

console.log(JSON.stringify([new Number(3), new String('false'), new Boolean(false)]));
// expected output: "[3,"false",false]"

console.log(JSON.stringify({ x: [10, undefined, function(){}, Symbol('')] }));
// expected output: "{"x":[10,null,null,null]}"

console.log(JSON.stringify(new Date(2006, 0, 2, 15, 4, 5)));
// expected output: ""2006-01-02T15:04:05.000Z""

2、localStorage

Web Storage实际上由两部分组成:sessionStorage与localStorage。sessionStorage是会话级别的存储、localStorage用于持久化的本地存储。

localStorage有三个方法

localStorage.getItem(key):获取指定key本地存储的值
localStorage.setItem(key,value):将value存储到key字段
localStorage.removeItem(key):删除指定key本地存储的值

// 特别说明:localStorage的使用遵循同源策略,不同的网站直接不能共用相同的localStorage

日常开发中经常需要将JSON存入localStorage中,但由于目前所有的浏览器都会把localStorage的值类型限定为string类型,因此常常需要使用JSON.stringify()来将JSON转换成为JSON字符串,读取之后要将JSON字符串转换成为JSON对象,使用JSON.parse()即可。



这篇关于JavaScript中的JSON对象的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程