在这个javascript中，我应该在哪里放置搜索函数？_Javascript_Html_Arrays

在这个javascript中，我应该在哪里放置搜索函数？

javascript html arrays

在这个javascript中，我应该在哪里放置搜索函数？,javascript,html,arrays,Javascript,Html,Arrays,我想我真的很接近这一点，但在我现有的代码中放置搜索函数时遇到了问题我希望这样，如果搜索的单词腐蚀为姓氏，则函数将显示整个相关数组。如果没有搜索函数，只要我在JS中指定字符串，代码就可以正常工作。即 return item.last_name == "Simpson"; 将显示 {“username”：“esimpson7n”，“first\u name”：“Elizabeth”，“last\u name”：“Simpson”，“性别”：“womene”，“sexuality”：“未来验证的

我想我真的很接近这一点，但在我现有的代码中放置搜索函数时遇到了问题

我希望这样，如果搜索的单词腐蚀为

姓氏

，则函数将显示整个相关数组。如果没有搜索函数，只要我在JS中指定字符串，代码就可以正常工作。即

return item.last_name == "Simpson";

将显示

{“username”：“esimpson7n”，“first\u name”：“Elizabeth”，“last\u name”：“Simpson”，“性别”：“womene”，“sexuality”：“未来验证的面向解决方案的定义”，“language”：“Malay”}，

这很好，但我需要用户键入名称和要显示的适当数组

到目前为止，我所拥有的：-

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>

<input type="search" id="mySearch" /> <button onclick="myFunction()">Try it</button>

<div id="return"></div>

<script>

var users = [{"username":"nphillips7m","first_name":"Nicole","last_name":"Phillips","email":"nphillips7m@ebay.co.uk","gender":"Female","sexuality":"Networked static concept","language":"Gagauz"},
{"username":"esimpson7n","first_name":"Elizabeth","last_name":"Simpson","gender":"Female","sexuality":"Future-proofed solution-oriented definition","language":"Malay"},
{"username":"llawrence7o","first_name":"Lillian","last_name":"Lawrence","email":"llawrence7o@technorati.com","gender":"Female","sexuality":"Re-contextualized demand-driven middleware","language":"Tetum"}]

var simpson = users.find(callback);
function callback(item){
    var x = document.getElementById("mySeach").value;
    return item.last_name == x;
}
document.getElementById("return").innerHTML = (function myFunction(){
     return JSON.stringify(simpson);
})();

</script>
</body>
</html>


无标题文件
试试看
var users=[{“用户名”：“nphillips7m”，“名字”：“妮可”，“姓氏”：“菲利普斯”，“电子邮件”：nphillips7m@ebay.co.uk，“性别”：“女性”，“性”：“网络静态概念”，“语言”：“Gagauz”}，
{“用户名”：“esimpson7n”，“名”：“伊丽莎白”，“姓”：“辛普森”，“性别”：“女性”，“性”：“面向未来的解决方案定义”，“语言”：“马来语”}，
{“用户名”：“llawrence7o”，“名字”：“Lillian”，“姓氏”：“Lawrence”，“电子邮件”：llawrence7o@technorati.com“，”性别“：”女性“，”性“：”重新语境化的需求驱动中间件“，”语言“：”泰顿“}]
var simpson=users.find（回调）；
函数回调（项）{
var x=document.getElementById（“mySeach”）.value；
return item.last_name==x；
}
document.getElementById（“return”）.innerHTML=（函数myFunction（）{
返回JSON.stringify（simpson）；
})();

我是否使用

onclick

调用了正确的函数？我甚至不确定

.value

是否适合这份工作。在检查API时，它似乎是最相关的

如果需要更多细节，请告诉我

好吧，你只需要定义你的

myFunction

。基本上，使用您已有的功能创建一个函数，以便在单击按钮时执行

//this could be outside because is like the data base
var users = [{"username":"nphillips7m","first_name":"Nicole","last_name":"Phillips","email":"nphillips7m@ebay.co.uk","gender":"Female","sexuality":"Networked static concept","language":"Gagauz"},{"username":"esimpson7n","first_name":"Elizabeth","last_name":"Simpson","gender":"Female","sexuality":"Future-proofed solution-oriented definition","language":"Malay"},{"username":"llawrence7o","first_name":"Lillian","last_name":"Lawrence","email":"llawrence7o@technorati.com","gender":"Female","sexuality":"Re-contextualized demand-driven middleware","language":"Tetum"}]

function myFunction() { //TODO rename it to something more descriptive
    var foundUser = users.find(callback);
    document.getElementById("return").innerHTML = JSON.stringify(foundUser );
}

//this goes outside because it's other function
function callback(item){
    var x = document.getElementById("mySeach").value;
    return item.last_name == x;
}

您还可以调用

输入

事件上的函数，以便它在用户键入时进行搜索。

好的，您只需定义

myFunction

。基本上，使用您已有的功能创建一个函数，以便在单击按钮时执行

//this could be outside because is like the data base
var users = [{"username":"nphillips7m","first_name":"Nicole","last_name":"Phillips","email":"nphillips7m@ebay.co.uk","gender":"Female","sexuality":"Networked static concept","language":"Gagauz"},{"username":"esimpson7n","first_name":"Elizabeth","last_name":"Simpson","gender":"Female","sexuality":"Future-proofed solution-oriented definition","language":"Malay"},{"username":"llawrence7o","first_name":"Lillian","last_name":"Lawrence","email":"llawrence7o@technorati.com","gender":"Female","sexuality":"Re-contextualized demand-driven middleware","language":"Tetum"}]

function myFunction() { //TODO rename it to something more descriptive
    var foundUser = users.find(callback);
    document.getElementById("return").innerHTML = JSON.stringify(foundUser );
}

//this goes outside because it's other function
function callback(item){
    var x = document.getElementById("mySeach").value;
    return item.last_name == x;
}

您还可以调用

输入事件上的函数，以便它在用户键入时进行搜索。
可以执行类似的操作。我对你的小提琴有一些问题，因为它以前没有定义myFunction。我修改如下：
<script>
var users = [{"username":"nphillips7m","first_name":"Nicole","last_name":"Phillips","email":"nphillips7m@ebay.co.uk","gender":"Female","sexuality":"Networked static concept","language":"Gagauz"},
{"username":"esimpson7n","first_name":"Elizabeth","last_name":"Simpson","gender":"Female","sexuality":"Future-proofed solution-oriented definition","language":"Malay"},
{"username":"llawrence7o","first_name":"Lillian","last_name":"Lawrence","email":"llawrence7o@technorati.com","gender":"Female","sexuality":"Re-contextualized demand-driven middleware","language":"Tetum"}]


function myFunction() {
    var x = document.getElementById("mySearch").value;
    var simpson = users.filter(item => item.last_name == x);
    document.getElementById("return").innerHTML = JSON.stringify(simpson);
}
</script>

<input type="search" id="mySearch" /> <button onclick="myFunction()">Try it</button>

<div id="return"></div>


var users=[{“用户名”：“nphillips7m”，“名字”：“妮可”，“姓氏”：“菲利普斯”，“电子邮件”：nphillips7m@ebay.co.uk，“性别”：“女性”，“性”：“网络静态概念”，“语言”：“Gagauz”}，
{“用户名”：“esimpson7n”，“名”：“伊丽莎白”，“姓”：“辛普森”，“性别”：“女性”，“性”：“面向未来的解决方案定义”，“语言”：“马来语”}，
{“用户名”：“llawrence7o”，“名字”：“Lillian”，“姓氏”：“Lawrence”，“电子邮件”：llawrence7o@technorati.com“，”性别“：”女性“，”性“：”重新语境化的需求驱动中间件“，”语言“：”泰顿“}]
函数myFunction（）{
var x=document.getElementById（“mySearch”）.value；
var simpson=users.filter（item=>item.last_name==x）；
document.getElementById（“return”）.innerHTML=JSON.stringify（辛普森）；
}
试试看

可以这样做。我对你的小提琴有一些问题，因为它以前没有定义myFunction。我修改如下：
<script>
var users = [{"username":"nphillips7m","first_name":"Nicole","last_name":"Phillips","email":"nphillips7m@ebay.co.uk","gender":"Female","sexuality":"Networked static concept","language":"Gagauz"},
{"username":"esimpson7n","first_name":"Elizabeth","last_name":"Simpson","gender":"Female","sexuality":"Future-proofed solution-oriented definition","language":"Malay"},
{"username":"llawrence7o","first_name":"Lillian","last_name":"Lawrence","email":"llawrence7o@technorati.com","gender":"Female","sexuality":"Re-contextualized demand-driven middleware","language":"Tetum"}]


function myFunction() {
    var x = document.getElementById("mySearch").value;
    var simpson = users.filter(item => item.last_name == x);
    document.getElementById("return").innerHTML = JSON.stringify(simpson);
}
</script>

<input type="search" id="mySearch" /> <button onclick="myFunction()">Try it</button>

<div id="return"></div>


var users=[{“用户名”：“nphillips7m”，“名字”：“妮可”，“姓氏”：“菲利普斯”，“电子邮件”：nphillips7m@ebay.co.uk，“性别”：“女性”，“性”：“网络静态概念”，“语言”：“Gagauz”}，
{“用户名”：“esimpson7n”，“名”：“伊丽莎白”，“姓”：“辛普森”，“性别”：“女性”，“性”：“面向未来的解决方案定义”，“语言”：“马来语”}，
{“用户名”：“llawrence7o”，“名字”：“Lillian”，“姓氏”：“Lawrence”，“电子邮件”：llawrence7o@technorati.com“，”性别“：”女性“，”性“：”重新语境化的需求驱动中间件“，”语言“：”泰顿“}]
函数myFunction（）{
var x=document.getElementById（“mySearch”）.value；
var simpson=users.filter（item=>item.last_name==x）；
document.getElementById（“return”）.innerHTML=JSON.stringify（辛普森）；
}
试试看

此解决方案不允许部分匹配或不区分大小写。希望这有帮助：）

var users=[{“username”：“nphillips7m”，“first_name”：“Nicole”，“last_name”：“Phillips”，“email”：nphillips7m@ebay.co.uk，“性别”：“女性”，“性”：“网络静态概念”，“语言”：“Gagauz”}，
{“用户名”：“esimpson7n”，“名”：“伊丽莎白”，“姓”：“辛普森”，“性别”：“女性”，“性”：“面向未来的解决方案定义”，“语言”：“马来语”}，
{“用户名”：“llawrence7o”，“名字”：“Lillian”，“姓氏”：“Lawrence”，“电子邮件”：llawrence7o@technorati.com“，”性别“：”女性“，”性“：”重新语境化的需求驱动中间件“，”语言“：”德顿“}]；
函数myFunction（）{
var searchValue=document.getElementById（“mySearch”）.value；
对于（var i=0；i

试试看
此解决方案不允许部分匹配或不区分大小写。希望这有帮助：）

var users=[{“username”：“nphillips7m”，“first_name”：“Nicole”，“last_name”：“Phillips”，“email”：nphillips7m@ebay.co.uk，“性别”：“女性”，“性”：“网络静态概念”，“语言”：“Gagauz”}，
{“用户名”：“esimpson7n”，“名”：“伊丽莎白”，“姓”：“辛普森”，“性别”：“女性”，“性”：“面向未来的解决方案定义”，“语言”：“马来语”}，
{“用户名”：“llawrence7o”，“名字”：“Lillian”，“姓氏”：“Lawrence”，“电子邮件”：llawrence7o@technorati.com“，”性别“：”女性“，”性“：”重新语境化的需求驱动中间件“，”语言