js中如何把字符串转化为对象、数组示例代码

在Javascript中,我们可以使用JSON对象的方法,将字符串转化为对象、数组。JSON.parse()方法可以将字符串转化为对象或数组。

具体的示例代码如下:

字符串转化为对象

const jsonString = '{"name":"Tom", "age":18, "job":"engineer"}';

// 用JSON.parse()方法将json字符串转化为对象
const obj = JSON.parse(jsonString);

console.log(obj.name); // 输出:Tom
console.log(obj.age); // 输出:18
console.log(obj.job); // 输出:engineer

在这个示例中,我们首先创建了一个jsonString变量,它是一个字符串形式的json对象。然后我们使用JSON.parse()将这个字符串形式的json对象转化为了一个真正的Javascript对象。

字符串转化为数组

const jsonArrayString = '[{"name":"Tom", "age":18}, {"name":"Jerry", "age":20}]';

// 用JSON.parse()方法将json字符串转化为数组
const arr = JSON.parse(jsonArrayString);

console.log(arr); // 输出:[ { name: 'Tom', age: 18 }, { name: 'Jerry', age: 20 } ]
console.log(arr[0].name); // 输出:Tom
console.log(arr[1].age); // 输出:20

在这个示例中,我们首先创建了一个jsonArrayString变量,它是一个字符串形式的json数组。然后我们使用JSON.parse()将这个字符串形式的json数组转化为了一个真正的Javascript数组。

需要注意的是,我们传递给JSON.parse()方法的json字符串必须要符合json格式的要求,否则将会抛出异常。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中如何把字符串转化为对象、数组示例代码 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • Javascript写入txt和读取txt文件示例

    当需要在网页中操作本地文件时,我们可以使用JavaScript中的File API来实现。 写入txt文件示例 下面是一个将输入框中的文本写入txt文件的示例。 HTML部分 <body> <input type="text" id="input"> <button onclick=&qu…

    JavaScript 2023年5月27日
    00
  • 详解js对象中属性的两种类型之数据属性和访问器属性

    下面将详细讲解“详解js对象中属性的两种类型之数据属性和访问器属性”的完整攻略。 1. 什么是属性 在Javascript中,一个对象是由多个属性构成的。属性是一个键值对,键是一个字符串,值可以是任何JavaScript数据类型,包括基本类型和对象类型。 2. JavaScript对象中属性的两种类型 JavaScript中,对象的属性可以分为两种类型,分别…

    JavaScript 2023年5月27日
    00
  • JS实现可针对算术表达式求值的计算器功能示例

    JS实现可针对算术表达式求值的计算器功能示例 介绍 本文将介绍如何使用JS实现一个可针对算术表达式求值的计算器功能示例。 实现步骤 用户界面实现 首先,我们需要实现一个用户界面,来接收用户输入的算术表达式。在此示例中,我们使用HTML和CSS来实现一个基本的用户界面,示例代码如下: <!DOCTYPE html> <html> &lt…

    JavaScript 2023年5月28日
    00
  • JS实现弹出下载对话框及常见文件类型的下载

    JS实现弹出下载对话框及常见文件类型的下载的完整攻略如下: 步骤一:创建下载链接 我们需要创建一个下载链接(<a>标签),指定文件的下载地址、文件名和文件类型,代码如下所示: <a id="download-link" href="download.pdf" download="docume…

    JavaScript 2023年5月19日
    00
  • js函数使用技巧之 setTimeout(function(){},0)

    js函数使用技巧之 setTimeout(function(){},0) 什么是setTimeout? setTimeout函数是JavaScript语言的核心函数之一,用于在指定的毫秒数后执行一次函数。它常用来处理一些需要延迟执行的任务,例如触发某个事件后,需要等一段时间后才能执行相应的操作。 如何使用 setTimeout? setTimeout函数接受…

    JavaScript 2023年6月11日
    00
  • JavaScript数据类型相关知识详解

    JavaScript数据类型相关知识详解 在JavaScript中,数据类型可以分为基本数据类型和复杂数据类型。本篇攻略将详细讲解每种数据类型和其相关知识点。 基本数据类型 Number JavaScript中的Number类型可以表示整数和浮点数。在JavaScript中,Number类型可以进行四则运算和比较运算。 整数 JavaScript中的整数范围…

    JavaScript 2023年5月18日
    00
  • JavaScript和ActionScript的交互实现代码

    JavaScript和ActionScript的交互实现主要通过调用Flash中的ExternalInterface类来完成。以下是实现交互的具体步骤及示例说明: 在Flash中为ActionScript函数设置ExternalInterface调用 在需要实现交互的ActionScript函数中,使用ExternalInterface类的addCallba…

    JavaScript 2023年5月27日
    00
  • JavaScript中Array的filter函数详解

    JavaScript中的Array对象提供了一个filter方法,该方法可以用于在数组中过滤出符合条件的元素。本文将详细介绍该方法的使用方法。 Array的filter函数详解 语法 array.filter(function(currentValue, index, arr), thisValue) 参数 function(currentValue, in…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部