React Native如何为数组每个元素赋相同值并生成键值对数组

实现代码 #

你可以直接通过Array.map()遍历原数组完成转换，逻辑和普通JS处理完全一致，不需要额外引入React Native专用API：

// 定义原始数组
const Subcategories = ["Wooden Furniture","Office Furniture","Kitchen Furniture","Modular Office Furniture","Industrial Furniture","Steel Furniture","Living Room Furniture","|Storage and Display Furniture","Entryway Furniture","Inflatable Furniture","Patio Furniture & Accessories","Storage and Display Furniture"," Office & Commercial Furniture "]

// 转换为统一键名的键值对数组，示例用`label`作为统一键，可自行修改
const keyValueArray = Subcategories.map(item => {
  // 可选清洗逻辑：去除首尾空格、开头多余的|符号，不需要可以删除该行直接用item
  const formattedItem = item.trim().replace(/^\|/, '')
  return {
    label: formattedItem
    // 可追加其他固定字段，比如增加type: 'furniture'统一标识分类类型
  }
})

常见使用场景补充 #

如果转换后的数据要用于FlatList渲染，列表项的唯一key可以用索引配置，避免重复内容导致的key冲突：

import { FlatList, Text } from 'react-native'

// 组件内渲染
<FlatList
  data={keyValueArray}
  keyExtractor={(_, index) => index.toString()}
  renderItem={({item}) => <Text>{item.label}</Text>}
/>

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