JavaScript：如何获取以特定字符串开头的对象的所有键和值？

Question

我正在尝试获取以imageIds 开头的对象的所有键和值。

我的对象如下所示：

{
    title: 'fsdfsd',
    titleZh: 'fsdfsd',
    body: 'fsdf',
    bodyZh: 'sdfsdf',
    imageIds: '/uploads/tmp/image-3.png',
    imageIdsZh: '' 
}

但我只需要属性imageIds 和imageIdsZh。但是明天，一个对象可能包含imageIdsBlah，我也需要把它捡起来。我可以从对象中删除前几个属性，但是下一个对象可能包含其他属性，例如 foo: 'bar'

Answer 1

一些功能性的风格很棒：

var data = {
    title: 'fsdfsd',
    titleZh: 'fsdfsd',
    body: 'fsdf',
    bodyZh: 'sdfsdf',
    imageIds: '/uploads/tmp/image-3.png',
    imageIdsZh: '' 
};

var z = Object.keys(data).filter(function(k) {
    return k.indexOf('imageIds') == 0;
}).reduce(function(newData, k) {
    newData[k] = data[k];
    return newData;
}, {});

console.log(z);

演示：http://jsfiddle.net/ngX4m/

一些小解释：

1. 我们使用Array.prototype.filter()函数过滤掉以`imageIds2开头的键
2. 我们使用Array.prototype.reduce() 将过滤后的键数组转换为key-value 对的对象。为此，我们使用{}（一个空对象）的初始值，填充它并从每个执行步骤返回。

UPD：

来自@GitaarLAB的公平更新：

Object.keys 是 ES5，但返回一个对象自己的属性（所以不需要obj.hasOwnProperty(key)）

Answer 2

根据对象的大小，这可能无法很好地扩展，但它会起作用

for(key in obj){
   if(obj.hasOwnProperty(key)){
      if(key.indexOf("imageIds")===0){
        //do something
      }
   }
}

Answer 3

根据 @zerkms 的回答，我一直在为 Javascript 编写 functional programming library。使用该库中的工具，这变成了（有点密集的）单线：

var data = {
    title: 'fsdfsd',
    titleZh: 'fsdfsd',
    body: 'fsdf',
    bodyZh: 'sdfsdf',
    imageIds: '/uploads/tmp/image-3.png',
    imageIdsZh: '' 
};

var x = pick(filter(compose(eq("imageIds"), substring(0,8)), keys(data)), data);
console.log(x);

这段代码不一定比 @zerkms 发布的代码更好，但它确实展示了一些功能抽象的强大功能，而不仅仅是 Array.prototype 中内置的少数几个功能抽象。 p>

您可以see it in action on JSFiddle。

Answer 4

还需要将hasOwnProperty 与for-in 循环结合使用（在大多数当前之前的答案中都没有提到）。
原因是 for-in 循环还将遍历对象将从原型链继承的方法/属性（如果有人或某些库添加了自定义内容）。

所以你正在寻找像这样简单可靠的东西：

function fetch(obj, str){
    var key, results = [];
    for(key in obj) obj.hasOwnProperty(key) 
                 && key.indexOf(str) === 0 
                 && results.push([ key, obj[key] ]);
    return results;
}

_{注意：您也可以将此函数命名为“getAllKeysAndValuesStartingWith”（如果您为军队工作，也可以命名为 gakavsw，哈哈）。}

用法：

fetch(object, string) 返回一个带有找到结果的简单（循环）数组，
所以var my_results = fetch(testObj, 'imageId'); 会给出以下输出：

[ //array of arrays
  ['imageIds', '/uploads/tmp/image-3.png']
, ['imageIdsZh', '']                               /* 
, [key, value]           and more if it finds them */
]

工作jsfiddle here。

当然也可以只推送值：results.push(obj[key])
我建议不要返回一个对象 ((results[key]=obj[key]))，因为在这种情况下数组更容易使用。

希望这会有所帮助！

Answer 5

 // json to be searched
var data = {
    title: 'fsdfsd',
    titleZh: 'fsdfsd',
    body: 'fsdf',
    bodyZh: 'sdfsdf',
    imageIds: '/uploads/tmp/image-3.png',
    imageIdsZh: '' 
};


// takes the json 'data' as its 1st parameter
// and the desired 'property' to be searched as the 2nd parameter
// for loop iterates through the entire json
// if the property parameter matches a 'key' name in json e.g. 'imageIds'
// then the value for that property is returned
function fetchProperty (data, property) {
    for(var key in data) {
        if(key === property) {
            return data[key];
        }   
    }
}


// if you wanted to return a bunch of data according to a particular key - value pair
// you could do something like this...
// assume 'array' contains a bunch of jsons 
// newData will hold jsons containing your newly fetched data points
function fetchNewData() {
   var newData = [];
   for(var i = 0; i < array.length; i++) {

      var value1 = fetchProperty(array[i], 'imageIds');
      var value2 = fetchProperty(array[i], 'imageIdsZh');
      var value3 = fetchProperty(array[i], 'imageIdsBlah');

      var tempJSON = {};
      tempJSON.imageIds = value1;
      tempJSON.imageIdsZh = value2;
      tempJSON.imageIdsBlah = value3;

      newData.push(tempJSON);
   }
   return newData;
}    

** 我希望这会有所帮助。如果您还有其他问题，请随时与我们联系。祝你好运。 **