Home / Questions / 807
Accepted
César
Asked: 2020-12-10 07:58:59 +0800 CST 2020-12-10 07:58:59 +0800 CST

Как узнать, содержится ли объект в массиве?

  • 772

У меня есть следующее Array, selectсодержащее идентификаторы таблицы:

var arreglo = ["1", "2", "4", "5"]

Я хочу знать, "3"содержится ли он в arreglo. В Python это можно сделать:

>>> arreglo = ['1', '2', '4', '5']
>>> '3' in arreglo
False

Но попробовав это из консоли в JavaScript, вы удивитесь, что это не работает так же:

> var arreglo = ["1", "2", "4", "5"]
> "3" in arreglo
true

Проведя некоторое исследование документации MDN , я обнаружил проблему (выделено мной):

Оператор inвозвращает true, если указанное свойство найдено в указанном объекте.

Действительно, arregloу него есть свойство (или индекс) "3", поэтому он возвращает меня true:

> Object.keys(arreglo)
["0", "1", "2", "3"]

Мой вопрос, как я могу проверить, что объект содержится в массиве?

javascript

5 Answers

  1. Best Answer

    Вы можете использовать функцию indexOfкласса Array, которая возвращает позицию, в которой находится искомый объект.

    arreglo.indexOf("3") >= 0

    Возвращает -1, если он не существует, и в противном случае позицию, которая будет больше или равна 0.

    • 16

  2. Вы можете использовать простой скрипт, например:

    <script>    
var arreglo = ["1", "2", "4", "5"]            
for(var i = 0; i < arreglo.length; i++) {
    alert("se encuentra " + arreglo[i]);
    if (arreglo[i] == "4") {
        alert("se encuentra objeto!.");
        break;
    }
}
</script>

    Хотя, исходя из вашего вопроса ¿Cómo saber si un objeto está contenido en un array?, для меня объект будет, например:

    arreglo = [
    {
      indice: 'a',
      valor: '1'
     },
    {
      indice: 'b',
      valor: '2'
     },
    {
      indice: 'b',
      valor: '4'
     },
    {
      indice: 'd',
      valor: '5'
     },
];

    Теперь, чтобы определить, существует ли объект, это "b"будет:

    for(var i = 0; i < arreglo.length; i++) {
    if (arreglo[i].valor== 'b') {
          alert("se encuentra objeto!.");
        break;
    }
}

    Но, как вы комментируете, для меня также было бы достаточно использовать только метод indexOf() :arreglo.indexOf('3') > -1

    • 4

  3. Проведя некоторое исследование MDN, есть метод, Array.prototype.includes()предложенный для EcmaScript 2016 (ES7), и он возвращает логическое значение, если массив содержит указанный элемент:

    [1, 2, 3].includes(3); // true
["a", "b", "c"].includes("d"); // false

    Этот метод принимает необязательный второй параметр, указывающий, по какому индексу будет выполняться поиск (0 по умолчанию).

    ["foo", "bar", "baz"].includes("baz", 1); // true

    Пока официально не известно, что этот метод будет присутствовать в следующей версии JavaScript, но если это так, этот ответ будет более актуальным, и я думаю, что это хорошее дополнение к массивам, потому что оно позволяет нам четко выразить наше намерение, которое производит более читаемый код. На данный момент есть возможность протестировать его в последних версиях самых распространенных браузеров, кроме IE и Edge (что удивительно).

    В официальной документации мы находим следующий полифилл :

    if (!Array.prototype.includes) {
  Array.prototype.includes = function(searchElement /*, fromIndex*/ ) {
    'use strict';
    var O = Object(this);
    var len = parseInt(O.length) || 0;
    if (len === 0) {
      return false;
    }
    var n = parseInt(arguments[1]) || 0;
    var k;
    if (n >= 0) {
      k = n;
    } else {
      k = len + n;
      if (k < 0) {k = 0;}
    }
    var currentElement;
    while (k < len) {
      currentElement = O[k];
      if (searchElement === currentElement ||
         (searchElement !== searchElement && currentElement !== currentElement))     { // NaN !== NaN
        return true;
      }
      k++;
    }
    return false;
  };
}
    • 4

  4. Если вас не волнует совместимость с браузерами IE6, 7 или 8, вы можете просто использовать use indexOf, как указано в первом ответе.

    function inArray(arreglo, elemento) {
  return arreglo.indexOf(elemento) !== -1;
}

    Теперь, если вам нужна совместимость с «историческими» браузерами, вы можете реализовать indexOfэто самостоятельно. Следующий код можно безопасно добавить в ваш код, поскольку, если indexOfон определен, он не имеет никакого эффекта:

    if (!Array.prototype.indexOf) {
  Array.prototype.indexOf = function (obj, fromIndex) {
    if (fromIndex == null) {
        fromIndex = 0;
    } else if (fromIndex < 0) {
        fromIndex = Math.max(0, this.length + fromIndex);
    }
    for (var i = fromIndex, j = this.length; i < j; i++) {
        if (this[i] === obj)
            return i;
    }
    return -1;
  };
}

    Примечание: эта реализация indexOfбыла первоначально опубликована Дэниелом Джеймсом .

    • 2

  5. Учитывая, что имеем:

    var arreglo = ["1", "2", "4", "5"];

    Решение 1 — родное

    У нас есть следующая функция и документация Array.prototype.indexOf() :

    array.indexOf (элемент поиска [, fromIndex])

    Практическое использование:

    arreglo.indexOf('1'); // Devuelve 0
arreglo.indexOf('3'); // Devuelve -1

    Решение 2. Использование библиотек

    Мы можем использовать сторонние инструменты для достижения этого результата, такие как:

    - Использование jQuery

    Документация по jQuery.inArray () :

    jQuery.inArray (значение, массив [, fromIndex])

    Практическое использование:

    $.inArray('3', arreglo); // Devuelve -1

    - Использование Underscore.js

    Документация для _.indexOf() :

    _.indexOf (массив, значение, [отсортировано])

    Практическое использование:

    _.indexOf(arreglo, '3'); // Devuelve -1
    • 2