Question

我正在尝试使用JavaScript（NOT Node.js）创建一个小的搜索引擎“模拟器”（不使用任何服务器端语言）。

这个想法是为用户提供了一个输入字段，他可以在其中输入任何内容。如果他输入的内容与Javascript数组中存在的任何变量（它们将是对象）相匹配，它将在HTML

元素（div.innerHTML = ...）中返回变量（或对象的）属性； < / p>

问题是我该如何执行“数组中的任何变量”部分？

我可以使用include（）方法，但这只能用于一个表达式，而不能用于数组中的很多表达式。

如果有人对如何执行此操作有任何见解，我将不胜感激。预先感谢。

这是我的代码：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link type="text/css" rel="stylesheet" href="contactManager.css" />
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div id="contactDisplay"></div>
    <!--Start of JavaScript Code-->
    <script>
        var displayThem = document.querySelector("#contactDisplay");
    
        class Person {
            constructor(name, phoneNum, address) {
                this.name = name;
                this.phoneNum = phoneNum;
                this.address = address;
            }
            describe() {
                return ("<div>Name: " + this.name + "</div>" +
                    "<div>Phone Number: " + this.phoneNum + "</div>" +
                    "<div>Address: " + this.address + "</div>")
            }
        }
        var John = new Person("John Conway", "1119542742", "4545 Blackwell Street");
        var Micheal = new Person("Micheal Jordan", "1245783367", "3003 Granville Lane");
        var Steve = new Person("Steve Jobs", "1544578332", "2137 Buffalo Creek Road");

        var conatctList = [
            John, Micheal, Steve
        ]

        window.onload = function init() {
            displayThem.innerHTML += John.describe();
        }
    </script>
</body>
</html>

0 个答案:

没有答案

如何仅使用JavaScript数组创建搜索引擎“模拟器”？

0 个答案: