js数组使用JSON.stringify和toString的区别

Posted 2023-05-01

js中eval()和$.parseJSON()的区别以及JSON.stringify()1.第一个区别是：安全性json格式非常受欢迎，而解析json的方式通常用JSON.parse()但是eval()方法也可以解析，这两者之间有什么区别呢？JSON.parse()之可以解析json格式的数据，并且会对要解析的字符串进行格式检查，如果格式不正确则不进行解析，而eval()则可以解析任何字符串，eval是不安全的如：[javascript]viewplaincopyvarstr='alert(1000.toString())';eval(str);JSON.parse(str);用eval可以解析，并且会弹出对话框，而用JSON.parse()则解析不了。其实alert并没有什么坏处，可怕的是如果用恶意用户在json字符串中注入了向页面插入木马链接的脚本，用eval也是可以操作的，而用JSON.parse()则不必担心这个问题。注意：某些低级的浏览器尚不支持JSON.parse()《高性能JavaScript》一书即指出：警告：关于JSON和eval需要注意的是：在代码中使用eval是很危险的，特别是用它执行第三方的JSON数据（其中可能包含恶意代码）时，尽可能使用JSON.parse()方法解析字符串本身。该方法可以捕捉JSON中的语法错误，并允许你传入一个函数，用来过滤或转换解析结果。如果此方法以备Firfox3.5、IE8及Safari4原生支持。大多数javascript类库包含的JSON解析代码会直接调用原生版本，如果没有原生支持的话，会调用一个略微不那么强大的非原生版本来处理。2.第二个区别：JSON.parse()解析的必须是json格式的字符串要不报错，而eval()则没有这么严格在这里“json格式的字符串”是指要求指定的字符串必须符合严格的JSON格式，例如：属性名称必须加双引号、字符串值也必须用双引号。如果传入一个格式不"完好"的JSON字符串将抛出一个JS异常json的解析方法共有两种：eval和JSON.parse()，如：[javascript]viewplaincopyvarjsonStr='"name":"lulu","sex":"female"';varevalJson=eval('('+jsonStr+')');varjsonParseJson=JSON.parse(jsonStr);这样就把json格式的字符串jsonStr转换成了JSON对象。但是区别是：[javascript]viewplaincopyvarage=27;varjsonStr='"name":"lulu","sex":"female","age":++age';varevalJson=eval('('+jsonStr+')');//不报错此时age的值是28varjsonParseJson=JSON.parse(jsonStr);//报错从上面eval()函数的用法我们可以看出eval()函数在解析json格式的字符串时要加上圆括号如eval('('+jsonStr+')'),这是因为：eval本身的问题。由于json是以””的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么将会被认为是执行了一句空语句。JSON.stringify()JSON.stringify()是把json数据转化成json格式的字符串如：[javascript]viewplaincopyvarjsonObj="name":"lulu","sex":"female";varjsonStr=JSON.stringify(jsonObj);结果是：'"name":"lulu","sex":"female"' 参考技术A js数组使用JSON.stringify和toString的区别如下：
1、JSON.stringify()是json对象的一个方法，它可以把对象序列化成json字符串。
toString是一个js对象的方法，任何对象都会继承这个方法，也就是Object.prototype.toString()，返回值类型为：[object Object]
2、用法上的区别举例：
比如定义：obj =[1,2,3]
那么用toString的结果是"1,2,3"，用JSON.stringify()的结果是"[1,2,3]"

二者处理后的结果是不同的。本回答被提问者采纳

尝试使用复制（JSON.stringify（结果））

【中文标题】尝试使用复制（JSON.stringify（结果））

【英文标题】：trying to use copy(JSON.stringify(result))

【发布时间】：2022-01-20 13:17:20

【问题描述】：

我在浏览器中使用控制台来使用 JS 抓取和排序内容。 这是我的代码

这是我的结果数组

var arr = [
"George\nPresident & Founder",

"content",

 "Ronald\nCountry Director, America",

 "content",

 "Kriss, PhD\nVice President",

 "content",

 "Joseph, MS\nDirector",

 "content",

 "Elizabeth\nDevelopment Operations",

 "content",

 "Lisa, MFA, MBA\nU.S. Content",

 "content.",

 "Natalia\nCountry Director"
]

这是我尝试过的：

  for(var i=0; len = result.length, i < len; i++)
    result[i]['something'] = [];
    if(i === 0)
        result[i].split('\n');
    
    else if (i % 2 === 0) 
        result[i].split('\n');
    
    console.log(result[i]);
    result[i]['test'].push(result[i]);

  

返回结果[i]['something'] = [];未定义 但是当我 console.log(result[i]) 我得到正确的结果。我试图复制(JSON.stringify(result[i])) 但我只取回一个对象。

for(var i=0; len = result.length, i < len; i++)
    var arr = [];
    if(i === 0)
        result[i].split('\n');
    
    else if (i % 2 === 0) 
        result[i].split('\n')
    
    arr.push(result[i])
    // console.log(result[i]);
    console.log(arr);
  

这不会拆分它们，它只是将它们推入数组。

当我 console.log(result[i]) 我得到： （这是对的，但它不是字符串，也不是数组；我也不能复制这个）

George
President & Founder

 content 

  Ronald
  Country Director America 

  content 

  Kriss PhD
  Vice President 

  content 

  Joseph MS
  Director 

  content 

  Elizabeth
  Development Operations 

  content 

  Lisa MFA MBA
  U.S. Content 

  content

  Natalia
  Country Director 

我的最终目标应该是这样的：

var result = [
["George"],
["President & Founder"],

[ "content" ],

[ "Ronald"]
["Country Director, America" ],

[ "content" ],

[ "Kriss, PhD"],
["Vice President" ],

[ "content" ],

[ "Joseph, MS"],
["Director" ],

[ "content" ],

[ "Elizabeth"],
["Development Operations" ],

[ "content" ],

[ "Lisa, MFA, MBA"],
["U.S. Content" ],

[ "content." ],

[ "Natalia"],
["Country Director" ],
[ "content." ]
]

我该怎么做才能得到结果[i] 并使用 copy(JSON.stringify(result)) 将其复制到我的剪贴板上？

【问题讨论】：

你尝试过的有很多问题。为什么输入是数组数组而不仅仅是字符串数组？为什么要给数组一个 'test' 属性？ split 没有修改任何东西——它返回一个结果，但你忽略它。问题太多了……然后你问关于复制和剪贴板的问题。这太宽泛了。您可能应该退后一步，从更简单的东西开始，在扩展它之前先检查它是否有效。

结果数组实际上是一个字符串数组。对于那个很抱歉。至于“测试”，如果这是命名约定问题，我可以更改它，但我不明白这与代码中的问题有什么关系......

你会给一个普通对象一个'test'属性，而不是一个数组——或者在输入被更正为一个字符串数组之后——而不是一个字符串（这是原始的） .如果您觉得这与代码中的问题无关，那么我担心您错了。但是无论如何您都应该提供最少的代码来重现您的问题，所以如果您认为'test' 属性与它无关，那么它不应该出现在您的问题中。

好的，我刚刚将名称“test”更改为“something”，这样应该可以解决这个问题

问题不在于名称，问题在于您分配给不是对象的某物的属性。字符串原语没有空间来存储属性。他们会被遗忘。

【参考方案1】：

其他答案似乎很有趣。我会建议一个稍长的，有几个 for 循环。

这是我想出的：

更新：我已经更新了它，现在你也更新了你的帖子。

function changeArr(array) 
    // create a temporary array
    let tempArr = [];
    
    // loop through the array which was passed as an argument
    for (let i = 0; i < array.length; i++) 
        let splitArr = array[i].split("\n");

        // splitArr returns an array containing the 2 strings which have been split

        // using the spread operator from ES6 we can spread out the elements and push them into tempArr
        tempArr.push(...splitArr);
    
    
    // tempArr should now contain your end result
    return tempArr;

使用方法：

changeArr(arr);

/*
this will return:

=> [
    "George",
    "President & Founder",

    "content",

    "Ronald",
    "Country Director, America",

    "content",

    "Kriss, PhD",
    "Vice President",

    "content",

    "Joseph, MS",
    "Director",

    "content",

    "Elizabeth",
    "Development Operations",

    "content",

    "Lisa, MFA, MBA",
    "U.S. Content",

    "content",

    "Natalia",
    "Country Director",

    "content"
]

有了这个，您可以创建另一个名为 let result 的变量并将函数返回的任何内容存储在其中。

let result = changeArr(arr);

或者您可以将函数返回的任何内容分配给arr 变量。

arr = changeArr(arr);

【参考方案2】：

我会生成一个对象数组。由于每个人在数组中有两行（除了 Natalia，她没有内容吗？），您可以循环遍历数组，一次跳转两个，将每个人的信息收集到一个对象中。

var arr = [
"George\nPresident & Founder",

"content",

 "Ronald\nCountry Director, America",

 "content",

 "Kriss, PhD\nVice President",

 "content",

 "Joseph, MS\nDirector",

 "content",

 "Elizabeth\nDevelopment Operations",

 "content",

 "Lisa, MFA, MBA\nU.S. Content",

 "content.",

 "Natalia\nCountry Director"
];

const result = [];
for (let i=0; i < arr.length; i+=2) 
  const nameParts = arr[i].split("\n");
  result.push(
    name: nameParts[0],
    title: nameParts[1],
    content: arr[i + 1]
  );


console.log(result);

【讨论】：

这个答案非常有帮助。这实际上是我想要的实际输出，带有您的答案中的标签。我只是简化了我的问题，因为我无法通过 split(\n) 部分，但是你用一块石头杀死了多只鸟的事实是疯狂的。非常感谢你

【参考方案3】：

删除 arr.push(result[i]) 并试试这个

  if (i % 2 == 0) 
      arr.push( result[i].split('\n'));
    
else

   arr.push(["content"]);

【参考方案4】：

您可以通过使用reduce 方法更轻松地实现您的目标，如下所示：

let arr = [
  "George\nPresident & Founder",
  "content",
  "Ronald\nCountry Director, America",
  "content",
  "Kriss, PhD\nVice President",
  "content",
  "Joseph, MS\nDirector",
  "content",
  "Elizabeth\nDevelopment Operations",
  "content",
  "Lisa, MFA, MBA\nU.S. Content",
  "content.",
  "Natalia\nCountry Director"
]
let result = arr.reduce((acc, str) => 
  str.split('\n').forEach(str => acc.push([str]));
  return acc;
, [])
console.log(result)

【讨论】：

这不使用与arr相同的数据样本

@wahwahwah 是的，我用以前的版本实现了我的答案，我没有看到数据的更新版本。我编辑了我的答案。谢谢。