javascript - javascript for 循环如何在没有迭代的情况下检查语句

Question

我有一个名为的对象列表data。

和 1 个输入标签。

我想检查数据person1键中是否存在输入值。如果存在，我写输入值和person2键值。否则写I don't understand。

这段代码如何给出true答案。这是wrong。

试试How old are you这个。如果你输入这个它必须给出I don't understand2 次并且30

function SendMessage() {
    var input = document.getElementById('person'),
        sender = document.createElement('p'),
        receiver = sender.cloneNode(true),
        data = [{
            "person1": "Hey",
            "person2": "Hey, How are you?"
        }, {
            "person1": "Hello",
            "person2": "Hello friend"
        }, {
            "person1": "How old are you",
            "person2": "30"
        },
    ];

    sender.innerText = input.value;
    document.body.appendChild(sender);
    for (var i = 0; i < data.length; i++) {
        if (input.value === data[i].person1) {
            receiver.innerText = data[i].person2;
            document.body.appendChild(receiver);
            i = data.length;
        } else {
            receiver.innerText = "I don't understand";
            document.body.appendChild(receiver);
        }
    }
}

<input id="person">
<button onclick="SendMessage()">Send message</button>