JSON.stringify用法

Smile_zxx 2023-04-19 原文

1、是什么
JSON.stringify 方法将某个对象转换成 JSON 字符串形式

const userInfo= {
    name: 'zs',
    age: 20
}
console.log(JSON.stringify(userInfo));
// {"name":"zs","age":20}

2、语法
语法：可以有三个参数，第一个是传入要序列化的值，第二个为函数或者数组，第三个是文本添加缩进、空格和换行符

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

value：第一个参数，将要序列后成 JSON 字符串的值。
replacer：【可选】第二个参数
（1）如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；
（2）如果参数是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。
（3）如果该参数为未提供或者null ，则对象所有的属性都会被序列化。
space：【可选】第三个参数，美化文本格式，文本添加缩进、空格和换行符，
（1）如果该参数是一个数字，则返回值文本在每个级别缩进指定数目的空格
（2）该参数最大值为10，如果该参数大于 10，则文本缩进 10 个空格。
（3）该参数也可以使用非数字，如：\t。最大值为10

3、replacer用法

参数replacer：为函数的时候

第一种情况为函数的时候，则它有两个参数，键(key) 和值(value)，并且两个参数都会被序列化。我们可以通过此函数过滤一些我们要操作的键值

 - 序列化传入为对象时，若 replacer 函数返回 undefined 或者函数，则值会被忽略

// repalcer 接受两个参数 key value
function replacer(key, value) {
// key value 分别为对象的每个键值对
 if (typeof value === "string") {
    return undefined ;
  }
  return value;
}
const userInfo= {
    name: 'zs',
    age: 20,
    sex: '男'
}
console.log(JSON.stringify(userInfo, replacer));
// {"age":20}

- 序列化传的是数组，若 replacer 函数返回 undefined ，当前值不会被忽略，而将会被 null 取代。

function replacer(key, value) {
// key value 分别为对象的每个键值对
 if (typeof value === "string") {
    return undefined ;
  }
  return value;
}
const foodList= ['苹果',1,'2',222]
console.log(JSON.stringify(foodList, replacer));
// [null,1,null,222]

参数replacer：为数组时

则仅转换该数组中具有键值的成员

const userInfo= {
    name: 'zs',
    age: 20,
    sex: '男'
}
console.log(JSON.stringify(userInfo, ['name','sex']));
//{"name":"zs","sex":"男"}

4、注意点

布尔值、数字、字符串的包装对象在序列化过程中会自动转换成对应的原始值

JSON.stringify([new Number(1), new String("String"), new Boolean(true)]);
// [1,"String",true]

转换的值如果存在toJSON()，则toJSON() 方法返回什么值，序列化结果就返回什么值，其余值会被自动忽略

const userInfo= {
    name: 'zs',
    age: 20,
    sex: '男',
    toJSON(){
     return '我是toJSON方法的返回值'
  }
}
console.log(JSON.stringify(userInfo));
// "我是toJSON方法的返回值"

出现Date 对象，则JSON.stringify() 会把Date 的值序列化为时间格式字符串。

console.log(JSON.stringify(new Date()));
// '"2022-03-11T06:51:12.812Z"'

JSON.stringify()只能序列化可枚举属性，不可枚举的属性默认会被自动忽略

const userInfo= {}
Object.defineProperty(userInfo, "work", {
    content: '遛狗',
    adrress: '广州',
    enumerable: false
});
Object.defineProperty(userInfo, "time", {
    value: '11.am',
    enumerable: true
});
console.log(JSON.stringify(userInfo));
// {"time":"11.am"}

出现Symbol值，则会被自动忽略

const userInfo= {
  name: 'zs',
  [Symbol('ageSymbol')]: 'ageSymbol'
}
console.log(JSON.stringify(userInfo));
// {"name":"zs"}

…

用法 stringify span class token json javascript 前端 vue.js

有关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 - 用 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-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
ruby - 使用 jbuilder 创建具有动态哈希键的 JSON - 2
这里我想输出带有动态组名的json而不是单词组@tickets.eachdo|group,v|json.group{json.array!vdo|ticket|json.partial!'tickets/ticket',ticket:ticketend}end@ticket是这样的散列{a:[....],b:[.....]}我想要这样的输出{a:[.....],b:[....]} 最佳答案感谢@AntarrByrd，这个问题有类似的答案:JBuilderdynamickeysformodelattributes使用上面的逻辑我已经
ruby - 展平嵌套的 json 对象 - 2
我正在寻找一种将“json”散列展平为展平散列但将路径信息保留在展平键中的方法。例如:h={"a"=>"foo","b"=>[{"c"=>"bar","d"=>["baz"]}]}flatten(h)应该返回:{"a"=>"foo","b_0_c"=>"bar","b_0_d_0"=>"baz"} 最佳答案这应该可以解决您的问题:h={'a'=>'foo','b'=>[{'c'=>'bar','d'=>['baz']}]}moduleEnumerabledefflatten_with_path(parent_prefix=nil)

JSON.stringify用法

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

随机推荐