js打造数组转json函数

下面给出 JS 打造数组转 JSON 函数的完整攻略。这里的数组指的是 JavaScript 中的数组类型。

前言

JSON（JavaScript Object Notation）是一种轻量级的数据序列化格式，它被广泛应用于 Web 应用程序中的数据交换。在前端开发中，我们通常需要将数据从 JavaScript 中的数组类型转化为 JSON 格式，以便将数据传输到服务器或者进行本地存储。

实现方式

下面我们来实现一个将数组转化为 JSON 的函数，这个函数需要满足以下功能要求：

1. 支持数组中嵌套数组和对象的转化。
2. 支持忽略某些元素，使这些元素不参与转化。
3. 支持将转化后的 JSON 字符串进行格式化。

实现这个功能主要需要用到递归和 JSON 相关的函数 JSON.stringify()。

下面是实现代码：

/**
 * 将数组转化为 JSON 字符串
 * 
 * @param {Array} arr 要转化的数组
 * @param {Number|String} space 可选，转化后的 JSON 字符串的缩进，可以为数字或字符串
 * @returns {String} 转化后的 JSON 字符串
 */
function arrayToJson(arr, space) {
  // 过滤掉非数组和对象类型的元素
  arr = arr.filter(function(item) {
    return typeof item === 'object';
  });

  // 递归函数，用于处理嵌套数组和对象的情况
  function innerFunc(array) {
    // 定义一个空对象，用于存储转化后的数据
    var obj = {};

    // 遍历数组中的每一个元素
    array.forEach(function(item, index) {
      if (typeof item === 'object' && item !== null) {
        // 如果是数组类型，递归调用 innerFunc()，并将返回值添加到 obj 中
        if (Array.isArray(item)) {
          obj[index] = innerFunc(item);
        }
        // 如果是对象类型，遍历对象的属性，递归调用 innerFunc()，并将返回值添加到 obj 中
        else {
          obj[index] = {};
          for (var key in item) {
            if (item.hasOwnProperty(key)) {
              obj[index][key] = innerFunc([item[key]]);
            }
          }
        }
      }
      // 如果是其他类型的元素，直接将其添加到 obj 中
      else {
        obj[index] = item;
      }
    });

    return obj;
  }

  var jsonObj = innerFunc(arr);
  return JSON.stringify(jsonObj, null, space);
}

示例说明

示例1：基本用法

下面是一个基本用法的示例代码，它将数组 [1, 2, 3, 'hello', true, null] 转化为 JSON 字符串：

var arr = [1, 2, 3, 'hello', true, null];
var jsonString = arrayToJson(arr);
console.log(jsonString);

运行结果：

{"0":1,"1":2,"2":3,"3":"hello","4":true,"5":null}

示例2：数组中嵌套对象和数组

下面是一个将数组中嵌套对象和数组的示例，数组 [1, 2, {a: 3, b: [4, 5]}, [6, 7]] 将被转化为 JSON 字符串：

var arr = [1, 2, {a: 3, b: [4, 5]}, [6, 7]];
var jsonString = arrayToJson(arr);
console.log(jsonString);

运行结果：

{
  "0": 1,
  "1": 2,
  "2": {
    "a": 3,
    "b": {
      "0": 4,
      "1": 5
    }
  },
  "3": {
    "0": 6,
    "1": 7
  }
}

总结

本文介绍了如何使用 JavaScript 实现将数组转化为 JSON 的功能，并给出了使用示例。通过这个函数我们可以方便地将 JavaScript 中的数组数据转化为符合要求的 JSON 数据，以便进行服务器传输或本地存储等操作。