js Object2String方便查看js对象内容

这里是关于如何使用 JavaScript 的 Object2String 来方便查看 JavaScript 对象内容的详细攻略：

1. 安装：

Object2String 是当下比较常用的一个 npm 模块，并且可以通过命令行快速安装：

npm install obj2str

1. 用法：

在代码中，我们可以使用 require 或者 import 的方式引入 obj2str 模块并使用它，下面是一个简单的使用示例：

const obj2str = require('obj2str');

const obj = {
  name: 'Tom',
  age: 20,
  address: {
    city: 'Beijing',
    street: 'Tiananmen square',
  },
};

console.log(obj2str(obj));

在控制台输出的结果如下：

{
  "name": "Tom",
  "age": 20,
  "address": {
    "city": "Beijing",
    "street": "Tiananmen square"
  }
}

我们可以发现，使用 Object2String 后，对象的属性和属性值都被正确地转换为了字符串，而且格式排版也更加整齐，更加便于查看。

1. 高级用法：

Object2String 还支持一些自定义选项，可以根据需要进行调整，比如可以设置一个缩进值，自定义属性和属性值的分隔符等，以下是一个包含了自定义选项的示例：

const obj2str = require('obj2str');

const obj = {
  name: 'Tom',
  age: 20,
  address: {
    city: 'Beijing',
    street: 'Tiananmen square',
  },
};

console.log(obj2str(obj, { 
  indent: '\t', // 设置缩进为 \t 
  propertySeparator: ' -> ', // 属性和属性值使用 -> 分隔 
  propertySeparatorAfter: '\n', // 每个属性值后换行 
}));

在控制台输出的结果如下：

{
        name -> Tom
        age -> 20
        address -> {
                city -> Beijing
                street -> Tiananmen square
        }
}

我们可以看到，与默认选项输出的结果相比，这里的属性和属性值之间使用了自定义的分隔符（->），并且缩进也通过设置 indent = '\t' 来自定义了。

1. 示例说明：

下面再给出两个 Object2String 的示例说明：

示例一：复杂对象的输出

const obj2str = require('obj2str');

const obj = {
  name: 'Tom',
  age: 20,
  address: {
    city: 'Beijing',
    street: 'Tiananmen square',
    position: {
      longitude: 116.397128,
      latitude: 39.916527,
    },
  },
  hobbies: ['reading', 'running'],
};

console.log(obj2str(obj));

输出结果如下：

{
  "name": "Tom",
  "age": 20,
  "address": {
    "city": "Beijing",
    "street": "Tiananmen square",
    "position": {
      "longitude": 116.397128,
      "latitude": 39.916527
    }
  },
  "hobbies": [
    "reading",
    "running"
  ]
}

我们可以看到，这里的示例适用于复杂的对象，包括多级嵌套和数组等情况。使用 Object2String 后，输出结果更加清晰，便于理解和查看。

示例二：自定义属性、值的分隔符

const obj2str = require('obj2str');

const obj = {
  name: 'Tom',
  age: 20,
  address: {
    city: 'Beijing',
    street: 'Tiananmen square',
  },
};

console.log(obj2str(obj, {
  propertySeparator: ' = ', // 属性和属性值使用 = 分隔 
}));

输出结果如下：

{
  name = Tom,
  age = 20,
  address = {
    city = Beijing,
    street = Tiananmen square
  }
}

在这个示例中，我们通过设置 propertySeparator = ' = ' 自定义了属性和属性值之间的分隔符，从而让输出结果更符合我们的需求和习惯。