Geben Sie den Indexwert von der Filtermethode Javascript zurück

Ich habe ein Array von Objekten in meinem Winkelcontroller.

Ich möchte den Wert des Indexes des Feldes innerhalb des Arrays zurückgeben, das eine übereinstimmende ID zu meinem Parameter hat.

Es wird nur ein Objekt im Array mit einer Übereinstimmung geben fieldId..

$scope.indexOfField = function(fieldId) {
  return $scope.model.fieldData.filter(function(x) {
    if (x.Id === fieldId) return // ???????
  });
}

Das .findIndex() -Methode gibt den Index des ersten Elements des Arrays zurück, das eine von einer Funktion angegebene Bedingung erfüllt. Wenn die Funktion zurückkehrt false für alle Elemente des Arrays ist das Ergebnis -1.

Sehen Sie sich die Dokumentation hier an.

In meinem Beispiel x ist ein Element für jede Iteration und ich verwende die Kreuzfunktion für meine Bedingung.

const datas = [];
const fieldId = 5;
let index = datas.findIndex( x => x.Id === fieldId );

Sie können den Index nicht von der Filtermethode zurückgeben.

Die Methode filter() erstellt ein neues Array mit allen Elementen, die den von der bereitgestellten Funktion implementierten Test bestehen.

Sie können verwenden forEach

$scope.indexOfField = function(fieldId) {
    var i;
    return $scope.model.fieldData.forEach(function(x, index) {
        if (x.Id === fieldId) {
            i = index;
        }
    });
    // use i
}

oder noch besser zu verwenden for da Sie nicht für jeden aufhören können, wenn Sie Ihre ID gefunden haben.

$scope.indexOfField = function(fieldId) {
    var fieldData = $scope.model.fieldData, 
        i = 0, ii = $scope.model.fieldData.length;
    for(i; i < ii; i++) if(fieldData[i].Id === fieldId) break;
    // use i
}

Von dem Array.prototype.filter Dokumentation:

Callback wird mit drei Argumenten aufgerufen:

• der Wert des Elements
• der Index des Elements
• das Array-Objekt, das durchlaufen wird

Sie sollten jedoch wahrscheinlich die verwenden some Funktion, wenn es nur eine Instanz in Ihrem Array gibt (da es aufhört, sobald es das erste Vorkommen findet), und finden Sie dann den Index mit indexOf:

var field = $scope.model.fieldData.filter(function(x) {
    return x.Id === fieldId;
})[0];
var index = $scope.model.fieldData.indexOf(field);

Oder iterieren Sie das Array, bis Sie das richtige Element gefunden haben:

var index;
$scope.model.fieldData.some(function(x, i) {
    if (x.Id === fieldId) return (index = i);
});

ARRAY (MEHRERE INDIZES FINDEN) METHODE

[10, 7, 13, 15, 230].map((e,i) => e > 13 ? i : undefined).filter(x => x) 
      //returns [3, 4](*** RETURNS multiple indexes ***)
      //FILTER (is simply just REMOVING the UNDEFINED elements (which are FALSY and considered the same as FALSE)

sonst bekommst du…

[10, 7, 13, 15, 230].map((e,i) => e > 13 ? i : undefined)  //returns [undefined, undefined, undefined, 3, 4]

RETURN MULTIPLE INDEXES (ersetzt findIndex METHOD)

[1, 1, 2, 2, 2, 3, 4, 5].map((e,i) => e === 2 ? i : undefined).filter(x => x) //returns [2, 3, 4]

RETURN MULTIPLE VALUES (ersetzt find METHOD)

[5, 12, 8, 130, 44].map((e,i) => e > 13 ? e : undefined).filter(x => x) // returns [130, 44]

Das zweite Argument für Ihren Rückruf ist der Index. Ich kann nicht ganz erkennen, was Ihre Funktion tun/zurückgeben soll, aber wenn Sie hinzufügen , index nach function(xwodurch Sie Zugriff auf den Index für diese Iteration erhalten.

Arbeiten von der Name Ihrer Funktion, ich glaube nicht, dass Sie wollen filter überhaupt:

$scope.indexOfField = function(fieldId) {
    var result = -1;
    $scope.model.fieldData.some(function(x, index) {
        if (x.Id === fieldId) {
            result = index;
            return true;
        }
    });
    return result;
}

Array#some stoppt bei der ersten Iteration, die einen wahren Wert zurückgibt, also hören wir auf zu suchen, wenn wir zum ersten Mal eine Übereinstimmung finden.

Sie können den Index nicht direkt zurückgeben, aber Sie können den festlegen ‘thisArg’-Parameter und Daten darin setzen. Dies ist sauberer als eine globale Variable.

var data = {
    indexes: []
};
var myArray = [1,2,3,4,5,6,7,8,9,10];

myArray.filter(function (element, index) {
    if (element%2 == 0) {
        this.indexes.push(index);
        return true;
    }
}, data);

console.log(data.indexes); // [1, 3, 5, 7, 9]
data.indexes.forEach(function(value) {
    console.log(myArray[value]);
}); // 2, 4, 6, 8, 10

Verwenden Sie die findIndex Methode – Array.prototype.findIndex().

Wenn die Bedingung zuerst erfüllt ist, wird der Index zurückgegeben.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex