从JavaScript中的API动态渲染对象（object/api/dynamic渲染）

Question

我有一个数组和对象，并在API的帮助下带来了。而且，如果我输入对象的名称输入，则必须找到该对象并将其其他属性渲染到 same same 容器中使用我的输入我输入了名称。 实际上，这应该在 javascript 中完成。

Answer 1

首先，为了通过其名称找到对象，您可以使用arr.filter（）：

var desiredName = "Name 1" //The name entered into the input
const objects = [{name: "Name 1", name: "Name 2"}] //Your array of objects

//Use arr.filter() to find the item with the desired name
var selectedObject = objects.filter((item) => {
  return item.name = desiredName
})[0] //Target the first element in the returned array

至于使用所选对象属性填充段落元素，您可以只使用document.getelemntbyid（）：

document.getElementById("someElement").innerHTML = "Your Text"

<p id="someElement"></p>