转换 Javascript 多维数组格式

Question

我有一个看起来像这样的数组 -

var myOldArray = [{
        "id": 1,
        "form_id": 4,
        "form_field_name": "field_1",
        "helperTitle": "This is Box 1's TItle",
        "helperText": "This is Box 1 data",
        "created_at": null,
        "updated_at": null
    },
    {
        "id": 2,
        "form_id": 4,
        "form_field_name": "field_2",
        "helperTitle": "Box 2 Title",
        "helperText": "Box 2 TExt",
        "created_at": null,
        "updated_at": null
    }
]

我需要复制/复制/转换/...无论如何...该数组是这样的 -

myNewArray = {
  field_1['title'] = "This is Box 1's Title",
  field_1['text'] = "This is Box 1 data",
  field_2['title'] = "Box 2 Title",
  field_2['text'] = "Box 2 Text",
}

这样我可以参考它

  console.log(myNewArray.field_1.title) 

或更有用的东西。

我尝试使用过滤方法无济于事。我尝试的一切都返回未定义。我只是超级困惑。有没有更好的方法直接引用子数组中的元素而不进行转换？

这有点工作...... console.log 会输出我想要的，但返回的值会输出为未定义，这让我很困惑。

myOldArray = [{
    "id": 1,
    "form_id": 4,
    "form_field_name": "field_1",
    "helperTitle": "This is Box 1's TItle",
    "helperText": "This is Box 1 data",
    "created_at": null,
    "updated_at": null
  },
  {
    "id": 2,
    "form_id": 4,
    "form_field_name": "field_2",
    "helperTitle": "Box 2 Title",
    "helperText": "Box 2 TExt",
    "created_at": null,
    "updated_at": null
  }
]
var AR = myOldArray;
var newArr = AR.filter(function(item) {
  if (item.form_field_name == fieldName) {
    console.log('txt - ' + item + '\n\n');
    return item;
  }
});

Answer 1

您可以将新对象中的项目与所需属性映射为对象。

它适用于

• 用Array#map映射数组的对象，
• 使用destructuring assignment 获取相关属性并使用object property assignment pattern [YDKJS: ES6 & Beyond] 进行一些重命名，
• 返回一个带有computed property name field 的新对象和另一个带有重命名属性的对象，
• 将所有新对象分配给具有Object.assign 和spread syntax ... 的单个对象

var data = [{ id: 1, form_id: 4, form_field_name: "field_1", helperTitle: "This is Box 1's TItle", helperText: "This is Box 1 data", created_at: null, updated_at: null }, { id: 2, form_id: 4, form_field_name: "field_2", helperTitle: "Box 2 Title", helperText: "Box 2 TExt", created_at: null, updated_at: null }],
    result = Object.assign(
        ...data.map(({ id, helperTitle: title, helperText: text }) =>
            ({ ['field_' + id]: { title, text } }))
    );

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

我猜所有的处理都应该在 $.get 函数中：

$.getJSON('/api/system/formHelperText/4', function (data) { 
    var myNewArray = data.map(function(item) {
        var obj = {};
        obj['field_' + item.id] = { Title: item.helperTitle, Text: item.helperText };
        return obj;
    });
    console.log(myNewArray);
};

Answer 3

您可以编写一个简单的reduce 调用来获得所需的输出：

const array=[{id:1,form_id:4,form_field_name:"field_1",helperTitle:"This is Box 1's TItle",helperText:"This is Box 1 data",created_at:null,updated_at:null},{id:2,form_id:4,form_field_name:"field_2",helperTitle:"Box 2 Title",helperText:"Box 2 TExt",created_at:null,updated_at:null}]

const result= array.reduce((acc, a) => 
  (acc[a.form_field_name] = {title: a.helperTitle,text: a.helperText}, acc), {});

console.log(result);

Answer 4

答案很简单：

const objs = new Map();

for (const obj of myOldArray) {
    objs.set(obj.form_field_name, obj);
}

现在您可以通过字段名称访问您的对象：

const myObj = objs.get("field_1");