JSON.parse和JSON.stringify的用法

Sfh_11 2023-07-19 原文

平时我们在接收后端返回的json对象通常是一个字符串类型的object，所以一般我们要对这个object进行类型转化后，我们才能使用object里面的数据，而这其中涉及到两个必不可少的方法就是JSON.parse和JSON.stringify

JSON.parse()

JSON.parse()方法将JSON格式字符串转换为js对象(属性名没有双引号)
解析前要保证数据是标准的JSON格式，否则会解析出错

const user = '{"name": "Jack","gender": "男","age": 18,"major":"computer"}'
console.log(JSON.parse(user));
//user = { name:"Jack", gender:"男", age:18, major:"computer"}

输出结果：

const users = '[{"id":101,"name":"计算机科学"},{"id":102,"name":"软件工程"}]'
console.log(JSON.parse(users));
// 结果 users= [ {id:101,name:"计算机科学"}, {id:102,name:"软件工程"} ]

JSON.stringify()

const user = {"name": "Jack","gender": "男","age": 18,"major":"computer"}
console.log(user);

console.log()没有输出我们想要的结果。它输出了[Object]，因为从对象到字符串的默认转换是“[Object]”。因此，我们使用JSON.stringify()先将对象转换为字符串

console.log(JSON.stringify(user));

但是，stringify（）其实还可以传入其他的参数从而方便我们查找数据，让我们接着往下看

第二个参数（数组）

假如存在这样一个场景，一个学生拥有很多个手机号码，我们想迅速定位到该学生的某个手机号，我们可以在stringify（）第二个位置以数组的形式加参数来进行查找

const user = {"name": "Jack",
        "gender": "男",
        "age": 18,
        "major":"computer",
        "phonenumber":123,
        "phonenumber1":456,
        "phonenumber2":789,
        "phonenumber3":321,
        "phonenumber4":654,
        "phonenumber5":987
        }
        console.log(JSON.stringify(user,['phonenumber3']));

输出结果：

第三个参数（数字）

第三个参数控制最终字符串里的间距。如果参数是一个数字，则字符串化中的每个级别，都将缩进这个空格字符数。即不传这个参数一行显示，加了分行显示。

const user = {"name": "Jack",
        "gender": "男",
        "age": 18,
        "major":"computer",
        "phonenumber":123,
        "phonenumber1":456,
        "phonenumber2":789,
        "phonenumber3":321,
        "phonenumber4":654,
        "phonenumber5":987
        }
console.log(user);
console.log(JSON.stringify(user,null,2));

输出结果：

第三个参数（字符串）

如果第三个参数是字符串，则用它来代替上面显示的空格字符。我这里传入**

const user = {"name": "Jack",
        "gender": "男",
        "age": 18,
        "major":"computer",
        "phonenumber":123,
        "phonenumber1":456,
        "phonenumber2":789,
        "phonenumber3":321,
        "phonenumber4":654,
        "phonenumber5":987
        }
console.log(JSON.stringify(user,null,'**'));

输出结果：

toJSON函数

我们有一个名为toJSON的类函数，它的属性是可以作为任何对象的一部分。JSON.stringify返回这个函数的结果并对其进行字符串化，而不是将全部对象转换为字符串。

const user = {
        firstName : "Prateek",
        lastName : "Singh",
        age : 26,
        toJSON(){
            return {
                fullName: `${this.firstName}${this.lastName}`
            }
        }
    }
console.log(JSON.stringify(user));

输出结果：

可以看到，它不是输出全部对象，而是只有toJSON函数的结果。

此外，JS还有一个功能函数是parseInt，注意不要将它和JSON.parse( )混淆了，parseInt函数的功能是可解析一个字符串，返回一个整数。假如有一个字符串类型的数字，经过转化后就会变成一个数字类型的数字，如果是字母类型的字符串则返回NaN。
小技巧：直接加+也可以起到parseInt的作用。

参考的文章：https://baijiahao.baidu.com/s?id=1662484165706074595&wfr=spider&for=pc

JSON 用法 span class token javascript 前端

有关JSON.parse和JSON.stringify的用法的更多相关文章

ruby-on-rails - Rails HTML 请求渲染 JSON - 2
在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？最佳答案您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这
ruby-on-rails - 如何使用 Rack 接收 JSON 对象 - 2
我有一个非常简单的RubyRack服务器，例如:app=Proc.newdo|env|req=Rack::Request.new(env).paramspreq.inspect[200,{'Content-Type'=>'text/plain'},['Somebody']]endRack::Handler::Thin.run(app,:Port=>4001,:threaded=>true)每当我使用JSON对象向服务器发送POSTHTTP请求时:{"session":{"accountId":String,"callId":String,"from":Object,"headers":
ruby parslet : parsing multiple lines - 2
我正在寻找一种匹配多行Parslet的方法。代码如下所示:rule(:line){(match('$').absent?>>any).repeat>>match('$')}rule(:lines){line.repeat}但是，lines将始终以无限循环结束，这是因为match('$')将无休止地重复以匹配字符串的结尾。是否可以匹配可以为空的多行？irb(main)>lines.parse($stdin.read)Thisisamultilinestring^D应该匹配成功。我错过了什么吗？我还尝试了(match('$').absent?>>any.maybe).repeat(1)>>
ruby - 用 YAML.load 解析 json 安全吗？ - 2
我正在使用ruby2.1.0我有一个json文件。例如:test.json{"item":[{"apple":1},{"banana":2}]}用YAML.load加载这个文件安全吗？YAML.load(File.read('test.json'))我正在尝试加载一个json或yaml格式的文件。最佳答案 YAML可以加载JSONYAML.load('{"something":"test","other":4}')=>{"something"=>"test","other"=>4}JSON将无法加载YAML。JSON.load("
ruby - 允许主机名包含下划线的 URI.parse 的替代方法 - 2
我正在使用DMOZ的listofurltopics，其中包含一些具有包含下划线的主机名的url。例如:608609TheOuterHeaven610InformationandimagegalleryofMcFarlane'sactionfiguresforTrigun,Akira,TenchiMuyoandotherJapaneseSci-Fianimations.611Top/Arts/Animation/Anime/Collectibles/Models_and_Figures/Action_Figures612虽然此url可以在网络浏览器中使用(或者至少在我的浏览器中可以使用:
ruby-on-rails - Rails 渲染带有驼峰命名法的 json 对象 - 2
我在一个简单的RailsAPI中有以下Controller代码:classApi::V1::AccountsControllerehead:not_foundendendend问题在于，生成的json具有以下格式:{id:2,name:'Simpleaccount',cash_flows:[{id:1,amount:34.3,description:'simpledescription'},{id:2,amount:1.12,description:'otherdescription'}]}我需要我生成的json是camelCase('cashFlows'而不是'cash_flows'
ruby - 使用 JSON gem 将自定义对象转换为 JSON - 2
我正在学习如何使用JSONgem解析和生成JSON。我可以轻松地创建数据哈希并将其生成为JSON；但是，在获取一个类的实例(例如Person实例)并将其所有实例变量放入哈希中以转换为JSON时，我脑袋放屁。这是我遇到问题的例子:require"json"classPersondefinitialize(name,age,address)@name=name@age=age@address=addressenddefto_jsonendendp=Person.new('JohnDoe',46,"123ElmStreet")p.to_json我想创建一个.to_json方法，这样我就可以获
ruby - 有人可以解释一下在 Ruby 中注入(inject)的真实、通俗易懂的用法吗？ - 2
我正在学习Ruby，遇到了inject。我正处于理解它的风口浪尖，但当我是那种需要真实世界的例子来学习一些东西的人时。我遇到的最常见的例子是人们使用inject来添加一个(1..10)范围的总和，我不太关心这个。这是一个任意的例子。在实际程序中我会用它做什么？我正在学习，所以我可以继续使用Rails，但我不必有一个以Web为中心的示例。我只需要一些我可以全神贯注的目标。谢谢大家。最佳答案 inject有时可以通过它的“其他”名称reduce更好地理解。它是一个对Enumerable进行操作(迭代一次)并返回单个值的函数。它有许多有
ruby-on-rails - 如何使用驼峰键名称从 Rails 返回 JSON - 2
我正在构建一个带有Rails后端的JS应用程序，为了不混淆snake和camelcases，我想通过从服务器返回camelcase键名来规范化这一切。因此，当从API返回时，user.last_name将返回user.lastName。我如何实现这一点？谢谢!编辑:添加Controller代码classApi::V1::UsersController 最佳答案我的方法是使用ActiveModelSerializer和json_api适配器:在你的Gemfile中，添加:gem'active_model_serializers'创建
ruby-on-rails - 如何将数组输出为 JSON？ - 2
我有以下内容:@array.inspect["x1","x2","adad"]我希望能够将其格式化为:client.send_message(s,m,{:id=>"x1",:id=>"x2",:id=>"adad"})client.send_message(s,m,???????)如何在????????中获得@array输出？空间作为ID？谢谢最佳答案 {:id=>"x1",:id=>"x2",:id=>"adad"}不是有效的散列，因为您有键冲突它应该是这样的:{"ids":["x1","x2","x3"]}更新:@a=["x1

JSON.parse和JSON.stringify的用法

平时我们在接收后端返回的json对象通常是一个字符串类型的object，所以一般我们要对这个object进行类型转化后，我们才能使用object里面的数据，而这其中涉及到两个必不可少的方法就是JSON.parse和JSON.stringify

有关JSON.parse和JSON.stringify的用法的更多相关文章

随机推荐