如何从json对象获取匹配元素的索引？

Question

var formRenderData = [{
  "type": "checkbox-group",
  "label": "Checkbox Group",
  "className": "checkbox-group",
  "name": "checkbox-group-1479370460494",
  "values": [{
    "label": "Option 1",
    "value": "option-1",
    "selected": true
  }, {
    "label": "Option 2",
    "value": "option-2"
  }, {
    "label": "Option 3",
    "value": "option-3"
  }]
}, {
  "type": "paragraph",
  "subtype": "p",
  "label": "Paragraph",
  "className": "paragraph"
}];

我正在使用grep来匹配对象。

var InputName = 'checkbox-group-1479370460494';
var InputType = 'checkbox-group';

var returnedIndex = $.grep(formRenderData, function(element, index){
    if(( (element.name == InputName) || (element.label == InputName)|| (element.name == InputName.substr(0,InputName.length - 2)) ) && element.type == InputType){
        return index;
    }
});

console.log(returnedIndex);

Answer 1

jQuery.grep过滤一个数组，返回满足过滤功能的项目列表，同时保持原始数组不变。 （请参阅jQuery文档 。）

我不确定您为什么要访问索引； 我假设您想访问满足过滤条件的原始对象。 这可以通过从过滤器函数返回true ，然后循环遍历matchs数组来实现。

 var InputName = 'checkbox-group-1479370460494'; var InputType = 'checkbox-group'; var formRenderData = [{"type": "checkbox-group","label": "Checkbox Group","className": "checkbox-group","name": "checkbox-group-1479370460494","values": [{"label": "Option 1","value": "option-1","selected": true},{"label": "Option 2","value": "option-2"},{"label": "Option 3","value": "option-3"}]},{"type": "paragraph","subtype": "p","label": "Paragraph","className": "paragraph"}] var matches = $.grep(formRenderData, function(element, index){ if(( (element.name == InputName) || (element.label == InputName)|| (element.name == InputName.substr(0,InputName.length - 2)) ) && element.type == InputType){ return true } }); console.log(matches); // [Array] 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>