第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

從 javascript 中的對(duì)象數(shù)組中提取匹配值

從 javascript 中的對(duì)象數(shù)組中提取匹配值

我有一個(gè)對(duì)象數(shù)組，我正在嘗試創(chuàng)建一個(gè)過(guò)濾器，用戶在其中鍵入幾個(gè)字母并獲取所有匹配記錄的列表。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"}]我有一個(gè)文本字段，用戶在其中輸入以獲取結(jié)果，并假設(shè)用戶輸入ja，因此結(jié)果應(yīng)搜索字段 office、contact first_name 和 last_name，如果任何此類字段包含匹配字母，則應(yīng)為請(qǐng)求，就像在本例中一樣，結(jié)果輸出應(yīng)為J Limited, James, Wilson請(qǐng)幫助我實(shí)現(xiàn)這一目標(biāo)。
查看完整描述

4 回答

?
小唯快跑啊

TA貢獻(xiàn)1863條經(jīng)驗(yàn) 獲得超2個(gè)贊

您可以循環(huán)遍歷數(shù)組并搜索對(duì)象。


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)

  }

}


查看完整回答
反對(duì) 回復(fù) 2023-08-24
?
翻過(guò)高山走不出你

TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超3個(gè)贊

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


const searchString = 'ja'


const matchingUsers = users.filter(user => 

  user.office.contains(searchString) || 

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

  user.contact.last_name.contains(searchString)

)

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


編輯：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)

)


查看完整回答
反對(duì) 回復(fù) 2023-08-24
?
不負(fù)相思意

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超10個(gè)贊

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);


查看完整回答
反對(duì) 回復(fù) 2023-08-24
?
烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

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

您的 searchField 是輸入的值，現(xiàn)在可以使用 filteruser，因?yàn)樗鼘⒎祷厮阉髦邪k公室名稱的用戶，或者如果在 searchField 中未輸入任何內(nèi)容，則返回全部。

您現(xiàn)在可以通過(guò) filterUser 進(jìn)行映射，以便能夠使用包含輸入值（即您的 searchField）的用戶。


查看完整回答
反對(duì) 回復(fù) 2023-08-24
  • 4 回答
  • 0 關(guān)注
  • 403 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)