You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React中从JSON数组提取指定属性:错误原因及正确实现

问题原因及解决方法

1. 写法无效的核心原因

你的数组是多个对象的集合,要获取第一个元素的english_word属性,得先通过索引定位到数组里的对象,再访问对象的属性。你写的a_arr.english_word[0]逻辑完全搞反了:它试图访问数组本身的english_word属性(数组根本没有这个属性),再去取这个不存在的属性的第0个值,自然不会生效。

2. 先修正数组的语法错误

你提供的wordTrans_ar数组最后多了个多余的[,这会直接导致语法报错,先修正为合法的数组:

export const wordTrans_ar = [
    {
        "english_word": "window",
        "hebrew": "חלון",
    },
    {
        "english_word": "good",
        "hebrew": "טוב",
    }
];

3. 正确的访问写法

假设你已经在React组件里导入了这个数组,正确获取第一个元素english_word的写法是:

// 先通过[0]拿到数组第一个对象,再访问它的english_word属性
wordTrans_ar[0].english_word

给你一个React函数组件的完整示例(顺便处理了数组为空的边界情况,避免报错):

import { wordTrans_ar } from './你的文件路径';

function WordDisplay() {
    const firstEnglishWord = wordTrans_ar.length > 0 ? wordTrans_ar[0].english_word : '';
    return <div>{firstEnglishWord}</div>;
}

export default WordDisplay;

内容的提问来源于stack exchange,提问作者tamar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 09:30:57