首頁猿問從 javascript...

從 javascript 中的對象數組中提取匹配值

JavaScript

阿波羅的戰車 2023-08-24 15:51:14

我有一個對象數組，我正在嘗試創建一個過濾器，用戶在其中鍵入幾個字母并獲取所有匹配記錄的列表。users = [{office: "J Limited", contact: {first_name: "James", last_name: "Wilson", address: Canada}},{office: "Q Limited", contact: {first_name: "Quin", last_name: "Ross", address: Australia}},{office: "N Limited", contact: {first_name: "Nancy", last_name: "Mathew"}, address: "England"}]我有一個文本字段，用戶在其中輸入以獲取結果，并假設用戶輸入ja，因此結果應搜索字段 office、contact first_name 和 last_name，如果任何此類字段包含匹配字母，則應為請求，就像在本例中一樣，結果輸出應為J Limited, James, Wilson請幫助我實現這一目標。

查看完整描述

4 回答

小唯快跑啊

TA貢獻1863條經驗獲得超2個贊

您可以循環遍歷數組并搜索對象。

users = [{

office: "J Limited",

contact: {

first_name: "James",

last_name: "Wilson",

address: "Canada"

}

}, {

office: "Q Limited",

contact: {

first_name: "Quin",

last_name: "Ross",

address: "Australia"

}

}, {

office: "N Limited",

contact: {

first_name: "Nancy",

last_name: "Mathew"

address: "England"

{

office: "J Limited",

contact: {

first_name: "Jacob",

last_name: "Wilson",

address: "Canada"

}

]

function search(searchKey) {

searchKey = searchKey.toLowerCase();

results = [];

for (var i = 0; i < users.length; i++) {

if (users[i].contact.first_name.toLowerCase().includes(searchKey) || users[i].contact.last_name.toLowerCase().includes(searchKey) || users[i].office.toLowerCase().includes(searchKey)) {

results.push(users[i]);

}

return results;

}

var resultObject = search("ja");

if (resultObject) {

for(i in resultObject){

console.log(resultObject[i].office, resultObject[i].contact.first_name, resultObject[i].contact.last_name)

}

反對回復 2023-08-24

翻過高山走不出你

TA貢獻1875條經驗獲得超3個贊

要獲取匹配的用戶，您可以執行以下操作：

const searchString = 'ja'

const matchingUsers = users.filter(user =>

user.office.contains(searchString) ||

user.contact.first_name.contains(searchString) ||

user.contact.last_name.contains(searchString)

)

然后您可以按照自己喜歡的方式設置匹配用戶列表的格式

編輯：contains可能不適用于某些 JS 版本（適用于 Chrome），因此替換contains為includes：

const searchString = 'ja'

const matchingUsers = users.filter(user =>

user.office.includes(searchString) ||

user.contact.first_name.includes(searchString) ||

user.contact.last_name.includes(searchString)

)

反對回復 2023-08-24

不負相思意

TA貢獻1777條經驗獲得超10個贊

let users = [{

office: "J Limited",

contact: { first_name: "James", last_name: "Wilson", address: "Canada" }

}, {

office: "Q Limited",

contact: { first_name: "Quin", last_name: "Ross", address: "Australia" }

}, {

office: "N Limited",

contact: { first_name: "Nancy", last_name: "Mathew", address: "England"},

}];

// ig: i for case-insensitive, g for global

const regEx = new RegExp('ja', 'ig');

const result = users.filter(

each =>

each.office.match(regEx) ||

each.contact.first_name.match(regEx) ||

each.contact.last_name.match(regEx)

)

.map(

each => [

each.office,

each.contact.first_name,

each.contact.last_name

]

);

console.log(result);

反對回復 2023-08-24

烙印99

TA貢獻1829條經驗獲得超13個贊

const filterUser = users.filter(user =>{ return user.office.toLowerCase().includes((searchField).toLowerCase()) });

您的 searchField 是輸入的值，現在可以使用 filteruser，因為它將返回搜索中包含辦公室名稱的用戶，或者如果在 searchField 中未輸入任何內容，則返回全部。

您現在可以通過 filterUser 進行映射，以便能夠使用包含輸入值（即您的 searchField）的用戶。

反對回復 2023-08-24

4 回答
0 關注
382 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

從 javascript 中的對象數組中提取匹配值

從 javascript 中的對象數組中提取匹配值

4 回答

添加回答