Javascript 筛选对象键和值
我有一个像这样的对象:Javascript 筛选对象键和值,javascript,performance,lodash,javascript-objects,Javascript,Performance,Lodash,Javascript Objects,我有一个像这样的对象: var myObj = { "account id": "123TRANS", "account name": "Optimus Prime", "creator id": "Prime", "contact tel": 08915243209, "house no": 209, "is registered": true, "price": 398.83, "first name": "paul",
var myObj = {
"account id": "123TRANS",
"account name": "Optimus Prime",
"creator id": "Prime",
"contact tel": 08915243209,
"house no": 209,
"is registered": true,
"price": 398.83,
"first name": "paul",
"last name": "jones",
"dob": "27-Jun-1978 00:00:00",
"previous orders": true,
"average price": 123.78,
"lace colour": "blue",
"first line": "Jupiter Close",
"city": "New York",
"alias": "Jupiter",
"role": "Accountant"
}
在我的HTML页面上,我有一个
字段,用户可以在其中键入文本(至少需要3个字符)。我能够根据输入字符串的匹配项过滤上面的整个对象
例如,如果string=“Prime”响应为:
{
"account name": "Optimus Prime",
"creator id": "Prime",
}
{
"account id": "123TRANS",
"account name": "Optimus Prime",
"role": "Accountant"
}
{
"contact tel": 08915243209,
"house no": 209,
}
例如,string=“acc”响应是:
{
"account name": "Optimus Prime",
"creator id": "Prime",
}
{
"account id": "123TRANS",
"account name": "Optimus Prime",
"role": "Accountant"
}
{
"contact tel": 08915243209,
"house no": 209,
}
例如,string=“209”响应是:
{
"account name": "Optimus Prime",
"creator id": "Prime",
}
{
"account id": "123TRANS",
"account name": "Optimus Prime",
"role": "Accountant"
}
{
"contact tel": 08915243209,
"house no": 209,
}
我尝试过使用.reduce
,但结果不一:
var myObject = {from above};
var filter = 'prime';
myObject = Object.keys(myObject).reduce((r, e) => {
// Avoid int/float/bool and check key + value
if(e !== 'contact tel' &&
e !== 'house no' &&
e !== 'previous orders') {
// Check Key or Value for filter
if(myObject[e].toLowerCase().includes(filter.toLowerCase) || e.toLowerCase().includes(filter.toLowerCase())) {
r[e] = myObject[e]
}
}
// Check int/float/bool and check key
if(e === 'contact tel' ||
e === 'house no' ||
e === 'previous orders') {
// Check Key or Value for filter
if(e.toLowerCase().includes(filter.toLowerCase())) {
r[e] = myObject[e]
}
}
return r;
}, {})
我也可以访问lodash,但是找不到任何检查键和值的内容,仅检查键或值。您可以获取条目,过滤键和值,并作为结果构建一个新对象
函数查找(对象,搜索){
search=search.toLowerCase();
返回Object.assign(…对象
.条目(对象)
.filter(a=>a.some(s=>s.toString().toLowerCase().includes(搜索)))
.map(([k,v])=>({[k]:v}))
);
}
var myObj={“帐户id”:“123TRANS”,“帐户名”:“擎天柱”,“创造者id”:“擎天柱”,“联系电话”:“08915243209”,“房屋号”:209,“注册号”:真,价格:398.83,“名字”:“保罗”,“姓氏”:“琼斯”,dob:“1978年6月27日00:00:00”,“以前的订单”:真,平均价格:123.78,“花边颜色”:“蓝色”,“第一行”:“木星关闭”,城市:“纽约”,别名:“木星”,角色:“会计”};
console.log(查找(myObj,'ACC');
`
可以使用基于包含文本的键或值获取子对象:
const findInObj=(obj,str)=>{
const pattern=newregexp(str'i')
返回u.pickBy(obj,(v,k)=>pattern.test(v)| | pattern.test(k))
}
const myObj={“帐户id”:“123TRANS”,“帐户名”:“擎天柱”,“创造者id”:“擎天柱”,“联系电话”:8915243209,“房屋号”:209,“注册号”:真,“价格”:398.83,“名字”:“保罗”,“姓氏”:“琼斯”,“dob”:“1978年6月27日00:00:00”,“先前订单”:真,“平均价格”:123.78,“花边颜色”:“蓝色”,“第一行”:“木星关闭”,“城市”:“纽约”,“别名”:“木星”,“角色”:“会计”}
const result=findInObj(myObj,'acc')
console.log(结果)
那些引号是不正确的-不是JS使用的引号-那些应该是”
和“
我也很好奇-[性能]的方面是什么
这里?等等,这里的问题是什么?我忙于阅读示例和代码,但是……没有人提出任何问题。有一些数据,有一些示例回答,但是-这是要求吗?这是现在产生的吗?什么是错的?什么是正确的?这里需要什么?