如何在TypeScript中为数组元素添加新字段？

你需要给数组里的每个元素新增一个和输入值对应的字段，下面针对几种常用编程语言给出具体实现：

JavaScript #

直接修改原数组（forEach遍历） #

// 你的示例数组
const stockList = [
  {id:"123232", stock_title:"MAH-1234",stock_count:"3"},
  {id:"567890", stock_title:"MAH-5678",stock_count:"2"}
];

// 假设输入值是这个
const inputVal = "自定义输入内容";

// 给每个元素加新字段
stockList.forEach(item => {
  item.input_field = inputVal; // input_field是你要的字段名，可自定义
});

返回新数组（不改动原数组） #

如果不想修改原数组，用map生成新数组：

const inputVal = "自定义输入内容";
const newStockList = stockList.map(item => ({
  ...item, // 复制原元素所有字段
  input_field: inputVal // 新增字段
}));

PHP #

// 示例数组
$stockList = [
  ["id" => "123232", "stock_title" => "MAH-1234", "stock_count" => "3"],
  ["id" => "567890", "stock_title" => "MAH-5678", "stock_count" => "2"]
];

$inputVal = "自定义输入内容";
// 遍历加字段，注意用引用&修改原数组
foreach ($stockList as &$item) {
  $item['input_field'] = $inputVal;
}
unset($item); // 解除引用防止后续误操作

// 输出结果
print_r($stockList);

核心逻辑 #

不管用哪种语言，核心都是遍历数组的每个元素，给元素添加「字段名+输入值」的键值对。如果需要给不同元素加不同的输入值，只需要在遍历的时候对应匹配输入值就行。

内容的提问来源于stack exchange，提问作者Ali Parlatti