JS对象转字符串的几种方法

一、JSON.stringify方法

JSON.stringify方法是将一个javascript对象或值转换成为一个 JSON字符串。

使用方法如下:

  var obj = {
    name: 'Tom',
    age: 18,
    grade: {
      math: 90,
      english: 95
    },
    hobbies: ['reading', 'music']
  };
  var str = JSON.stringify(obj);
  console.log(str);

执行结果为:

  {"name":"Tom","age":18,"grade":{"math":90,"english":95},"hobbies":["reading","music"]}

json字符串还可以通过JSON.parse方法转换成js对象

代码如下:

  var obj = JSON.parse(str);
  console.log(obj);

执行结果为:

  {name: "Tom", age: 18, grade: {…}, hobbies: Array(2)}

二、Function方法

Function是js中的一个对象,它有一个toSource方法,可以把一个Function对象转换成js代码。如果把对象通过toSource方法转为代码,并去掉function(…)(){…}里的function和(),就可以得到这个对象的代码形式。

使用方法如下:

  var obj = {
    name: 'Tom',
    age: 18,
    grade: {
      math: 90,
      english: 95
    },
    hobbies: ['reading', 'music']
  };
  var str = (function(){return this;}).call(obj).toSource();
  console.log(str);

执行结果为:

  ({name:"Tom",age:18,grade:{math:90,english:95},hobbies:["reading","music"]})

三、eval方法

eval方法可以执行一段字符串形式的js代码,把一个js对象转换成一个可执行的js字符串,所以可以用eval方法直接把一个对象转换成一个字符串。

使用方法如下:

  var obj = {
    name: 'Tom',
    age: 18,
    grade: {
      math: 90,
      english: 95
    },
    hobbies: ['reading', 'music']
  };
  var str = eval('(' + JSON.stringify(obj) + ')');
  console.log(str);

执行结果为:

  {name: "Tom", age: 18, grade: {…}, hobbies: Array(2)}

四、toString方法

toString方法是Object对象的一个原型方法,可以将一个对象转换成字符串。但是这个方法只能将一个对象转换成”[object Object]”这种基本形式的字符串。

我们可以通过重写Object对象的toString方法来实现对象转字符串。

使用方法如下:

  Object.prototype.toString = function(){
    return JSON.stringify(this);
  }
  var obj = {
    name: 'Tom',
    age: 18,
    grade: {
      math: 90,
      english: 95
    },
    hobbies: ['reading', 'music']
  };
  console.log(obj.toString());

执行结果为:

  {"name":"Tom","age":18,"grade":{"math":90,"english":95},"hobbies":["reading","music"]}

五、自定义方法

我们也可以通过自定义实现将一个js对象转换成字符串。

示例代码如下:

  function obj2str(obj, len){
    var ndeep = len || 1;
    var gap = ''; 
    var indent = ''; 
    var i = 0; 
    for(i = 0; i  1 ? '\n' : '';
    if(typeof obj === 'object')
    { 
      var str = '';
      if(obj.constructor === Array)
      { 
        for(i = 0; i < obj.length; i++)
        {
          str += gap + indent + obj2str(obj[i], ndeep + 1) + ', ';
        }
        return '[' + str.slice(0, -2) + '\n' + indent + ']';
      }
      else
      {
        for(var prop in obj)
        {
          str += gap + indent + '"' + prop + '": ';
          if(typeof obj[prop] === 'object')
          {
            str += obj2str(obj[prop], ndeep + 1) + ', ';
          }
          else if(typeof obj[prop] === 'function')
          {
            str += 'undefined' + ', ';
          }
          else
          {
            str += '"' + obj[prop] + '", ';
          }
        }
        return '{' + str.slice(0, -2) + '\n' + indent + '}';
      }
    } 
    else
    { 
      if(typeof obj === 'string')
      {
        obj = '"' + obj + '"';
      }
      return String(obj);
    }
  }

  var obj = {
    name: 'Tom',
    age: 18,
    grade: {
      math: 90,
      english: 95
    },
    hobbies: ['reading', 'music']
  };

  var str = obj2str(obj);
  console.log(str);

执行结果为:

  {
   "name": "Tom", 
   "age": "18", 
   "grade": {
    "math": "90", 
    "english": "95"
   }, 
   "hobbies": [
    "reading", 
    "music"
   ]
  }

六、总结

以上是JS对象转字符串的几种方法,可以根据实际需要进行选择。需要注意的是,Function和eval方法存在安全问题,建议不要在生产环境中使用。

原创文章,作者:QQPMI,如若转载,请注明出处:https://www.506064.com/n/362022.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
QQPMIQQPMI
上一篇 2025-02-25 18:17
下一篇 2025-02-25 18:17

相关推荐

  • JS Proxy(array)用法介绍

    JS Proxy(array)可以说是ES6中非常重要的一个特性,它可以代理一个数组,监听数据变化并进行拦截、处理。在实际开发中,使用Proxy(array)可以方便地实现数据的监…

    编程 2025-04-29
  • Python字符串宽度不限制怎么打代码

    本文将为大家详细介绍Python字符串宽度不限制时如何打代码的几个方面。 一、保持代码风格的统一 在Python字符串宽度不限制的情况下,我们可以写出很长很长的一行代码。但是,为了…

    编程 2025-04-29
  • Python中将字符串转化为浮点数

    本文将介绍在Python中将字符串转化为浮点数的常用方法。在介绍方法之前,我们先来思考一下这个问题应该如何解决。 一、eval函数 在Python中,最简单、最常用的将字符串转化为…

    编程 2025-04-29
  • Java判断字符串是否存在多个

    本文将从以下几个方面详细阐述如何使用Java判断一个字符串中是否存在多个指定字符: 一、字符串遍历 字符串是Java编程中非常重要的一种数据类型。要判断字符串中是否存在多个指定字符…

    编程 2025-04-29
  • Python学习笔记:去除字符串最后一个字符的方法

    本文将从多个方面详细阐述如何通过Python去除字符串最后一个字符,包括使用切片、pop()、删除、替换等方法来实现。 一、字符串切片 在Python中,可以通过字符串切片的方式来…

    编程 2025-04-29
  • 面向对象编程、类和对象

    面向对象编程(Object-Oriented Programming, OOP)是一种编程方法,它将现实世界中的事物抽象为对象(Object),对象的属性和方法被封装成类(Clas…

    编程 2025-04-29
  • 解析js base64并转成unit

    本文将从多个方面详细介绍js中如何解析base64编码并转成unit格式。 一、base64编码解析 在JavaScript中解析base64编码可以使用atob()函数,它会将b…

    编程 2025-04-29
  • Node.js使用Body-Parser处理HTTP POST请求时,特殊字符无法返回的解决方法

    本文将解决Node.js使用Body-Parser处理HTTP POST请求时,特殊字符无法返回的问题。同时,给出一些相关示例代码,以帮助读者更好的理解并处理这个问题。 一、问题解…

    编程 2025-04-29
  • Python如何将字符串1234变成数字1234

    Python作为一种广泛使用的编程语言,对于数字和字符串的处理提供了很多便捷的方式。如何将字符串“1234”转化成数字“1234”呢?下面将从多个方面详细阐述Python如何将字符…

    编程 2025-04-29
  • Python int转二进制字符串

    本文将从以下几个方面对Python中将int类型转换为二进制字符串进行详细阐述: 一、int类型和二进制字符串的定义 在Python中,int类型表示整数,二进制字符串则是由0和1…

    编程 2025-04-29

发表回复

登录后才能评论