Как получить правильное значение от JSON?

Я работаю над этой простой функцией поиска, которая находит человека в объекте JSON. Вот мой код:Как получить правильное значение от JSON?

var personas = [ 
 
    { 
 
     "name": "Luis", 
 
     "lastname": "Gomez", 
 
     "age": 25 
 
    }, 
 
    { 
 
     "name": "Maria", 
 
     "lastname": "Lopez", 
 
     "age": 20 
 
    }, 
 
    { 
 
     "name": "Lucero", 
 
     "lastname": "Perez", 
 
     "age": 30 
 
    }, 
 
    { 
 
     "name": "Daniel", 
 
     "lastname": "Ruiz", 
 
     "age": 18 
 
    }, 
 
    { 
 
     "name": "Teresa", 
 
     "lastname": "Ponce", 
 
     "age": 23 
 
    } 
 
]; 
 

 
function myFunction(userInput){ 
 

 
    if (userInput.length == 0) { 
 
    document.getElementById("info").innerHTML = ""; 
 

 
    }else{ 
 
    for(var i in personas){ 
 
    if(personas[i].name === userInput){ 
 
     document.getElementById("info").innerHTML = "Found"; 
 
    }else{ 
 
     document.getElementById("info").innerHTML = "Not Found"; 
 
    } 
 
    } 
 
} 
 
}

<form > 
 
Find person: <input type = "text" onkeyup="myFunction(this.value)"/> 
 
</form> 
 

 
<div id = "info"></div>

Мой вопрос: По какой-то причине, если я удалю еще заявление:

else{ 
    document.getElementById("info").innerHTML = "Not Found"; 
}

Моя программа сможет найти имя человека. Но скажем, я набираю «Luis», а затем удаляю «s», в последней строке будет сказано «Lui». Однако моя программа все равно скажет «Найденный», хотя «Луи» не существует. Надеюсь, кто-то может сказать мне, что я делаю неправильно. Заранее спасибо.

источник

2016-12-11 progx

'nombre' vs' name'. – Siguza

@Siguza Я просто обновляю, но все еще не работаю – progx

Также «ломается» когда-то найденный, или вы собираетесь поддерживать соответствие. – Siguza

Вы также можете создать массив с элементами, которые соответствуют и испытания, если результирующий массив пуст:

var personas = [ 
 
    { 
 
     "name": "Luis", 
 
     "lastname": "Gomez", 
 
     "age": 25 
 
    }, 
 
    { 
 
     "name": "Maria", 
 
     "lastname": "Lopez", 
 
     "age": 20 
 
    }, 
 
    { 
 
     "name": "Lucero", 
 
     "lastname": "Perez", 
 
     "age": 30 
 
    }, 
 
    { 
 
     "name": "Daniel", 
 
     "lastname": "Ruiz", 
 
     "age": 18 
 
    }, 
 
    { 
 
     "name": "Teresa", 
 
     "lastname": "Ponce", 
 
     "age": 23 
 
    } 
 
]; 
 
function myFunction(userInput){ 
 
    if (userInput.length == 0) 
 
    document.getElementById("info").innerHTML = ""; 
 
    else { 
 
    if (personas.filter(x => x.name === userInput).length > 0) 
 
     document.getElementById("info").innerHTML = "Found"; 
 
    else 
 
     document.getElementById("info").innerHTML = "Not Found"; 
 
    } 
 
}

<form > 
 
Find person: <input type = "text" onkeyup="myFunction(this.value)"/> 
 
</form> 
 

 
<div id = "info"></div>

источник

2016-12-11 19:24:45

Вы можете использовать find метод:

function myFunction(userInput){ 

    if (userInput.length == 0) { 
    document.getElementById("info").innerHTML = ""; 
    }else{ 
    var persona = personas.find(function(persona) { 
     return persona.name === userInput; 
    }) 

    if (persona) { 
     document.getElementById("info").innerHTML = "Found"; 
    } else { 
     document.getElementById("info").innerHTML = "Not Found"; 
    } 
} 
}

Проблема: Если вы удалите оператор еще, интерфейс не будет обновляться, если имя не найдено.

источник

2016-12-11 19:20:06

['.some()'] (https: //developer.mozilla .org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some) также можно использовать в этом случае и в настоящее время имеет большую поддержку браузера. –

Ваш не работает. Несколько проблема может быть:

вы используете nombre вместо name
Если однажды вы сопрягать name вы должны разорвать петлю.
Проблема, которую вы проиллюстрировали, вероятно, вы использовали событие onkeydown вместо onkeyup, но теперь это выглядит нормально.

работает код здесь:

var personas = [ 
 
    { 
 
     "name": "Luis", 
 
     "lastname": "Gomez", 
 
     "age": 25 
 
    }, 
 
    { 
 
     "name": "Maria", 
 
     "lastname": "Lopez", 
 
     "age": 20 
 
    }, 
 
    { 
 
     "name": "Lucero", 
 
     "lastname": "Perez", 
 
     "age": 30 
 
    }, 
 
    { 
 
     "name": "Daniel", 
 
     "lastname": "Ruiz", 
 
     "age": 18 
 
    }, 
 
    { 
 
     "name": "Teresa", 
 
     "lastname": "Ponce", 
 
     "age": 23 
 
    } 
 
]; 
 

 
function myFunction(userInput){ 
 

 
    if (userInput.length == 0) { 
 
    document.getElementById("info").innerHTML = ""; 
 

 
    }else{ 
 
    for(var i in personas){ 
 
    if(personas[i].name === userInput){ 
 
     document.getElementById("info").innerHTML = "Found"; 
 
     break; 
 
    }else{ 
 
     document.getElementById("info").innerHTML = "Not Found"; 
 
    } 
 
    } 
 
} 
 
}

<form > 
 
Find person: <input type = "text" onkeyup="myFunction(this.value)"/> 
 
</form> 
 

 
<div id = "info"></div>

источник

2016-12-11 19:49:52 rapidRoll

Давайте посмотрим, что происходит, когда вы не пишете else заявление.

Вы набираете L, myFunction называется, где userInput="L" он не удовлетворяет if заявление, следовательно, ничего не происходит.
Вы печатаете u, myFunction, где userInput="Lu" не удовлетворяет заявлению if, поэтому ничего не происходит.
Вы печатаете i, myFunction, где userInput="Lui" не удовлетворяет заявлению if, поэтому ничего не происходит.
Вы набираете s, myFunction называется, где userInput="Luis" удовлетворяет if заявление, следовательно Found отображается в info дел.
Вы удаляете s, myFunction, где userInput="Lui" не удовлетворяет заявлению if, поэтому ничего не происходит.

Но подождите, а как насчет info div? В отсутствие заявления else, некому менять innerHTMLinfo div. Следовательно, он будет продолжать показывать Found из-за шага 4.

Вы можете использовать отладчик и установить контрольные точки, чтобы попробовать самостоятельно.

источник

2016-12-11 20:04:24

Как получить правильное значение от JSON?

ответ

Смежные вопросы