especifico - lista de objetos javascript

Encontrar un valor en una matriz de objetos en Javascript

Question

Esta pregunta ya tiene una respuesta aquí:

• Obtenga el objeto JavaScript de una matriz de objetos por valor de propiedad [duplicado] 17 respuestas

Sé que preguntas similares se han hecho antes, pero esta es un poco diferente. Tengo una matriz de objetos sin nombre, que contienen una matriz de objetos con nombre, y necesito obtener el objeto donde "nombre" es "cadena 1". Aquí hay una matriz de ejemplo.

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];

Actualización: debería haber dicho esto antes, pero una vez que lo encuentro, quiero reemplazarlo con un objeto editado.

Answer 1

¿Está buscando una Búsqueda genérica (Filtro) en el elemento de la lista de objetos sin especificar la clave del elemento?

Entrada

var productList = [{category: ''Sporting Goods'', price: ''$49.99'', stocked: true, name: ''Football''}, {category: ''Sporting Goods'', price: ''$9.99'', stocked: true, name: ''Baseball''}, {category: ''Sporting Goods'', price: ''$29.99'', stocked: false, name: ''Basketball''}, {category: ''Electronics'', price: ''$99.99'', stocked: true, name: ''iPod Touch''}, {category: ''Electronics'', price: ''$399.99'', stocked: false, name: ''iPhone 5''}, {category: ''Electronics'', price: ''$199.99'', stocked: true, name: ''Nexus 7''}]
function customFilter(objList, text){
if(undefined === text || text === '''' ) return objList;
return objList.filter(product => {
    let flag;
    for(let prop in product){
        flag = false;
        flag = product[prop].toString().indexOf(text) > -1;
        if(flag)
        break;
    }
return flag;
});}

Ejecutar

customFilter(productList, ''$9'');

Answer 2

Nueva respuesta

Agregué el prop como parámetro, para hacerlo más general y reutilizable.

/**
 * Represents a search trough an array.
 * @function search
 * @param {Array} array - The array you wanna search trough
 * @param {string} key - The key to search for
 * @param {string} [prop] - The property name to find it in
 */

function search(array, key, prop){
    // Optional, but fallback to key[''name''] if not selected
    prop = (typeof prop === ''undefined'') ? ''name'' : prop;    

    for (var i=0; i < array.length; i++) {
        if (array[i][prop] === key) {
            return array[i];
        }
    }
}

Uso:

var array = [
    { 
        name:''string 1'', 
        value:''this'', 
        other: ''that'' 
    },
    { 
        name:''string 2'', 
        value:''this'', 
        other: ''that'' 
    }
];

search(array, ''string 1'');
// or for other cases where the prop isn''t ''name''
// ex: prop name id
search(array, ''string 1'', ''id'');

Prueba de moca:

var assert = require(''chai'').assert;

describe(''Search'', function() {
    var testArray = [
        { 
            name: ''string 1'', 
            value: ''this'', 
            other: ''that'' 
        },
        { 
            name: ''string 2'', 
            value: ''new'', 
            other: ''that'' 
        }
    ];

    it(''should return the object that match the search'', function () {
        var name1 = search(testArray, ''string 1'');
        var name2 = search(testArray, ''string 2'');

        assert.equal(name1, testArray[0]);
        assert.equal(name2, testArray[1]);

        var value1 = search(testArray, ''this'', ''value'');
        var value2 = search(testArray, ''new'', ''value'');

        assert.equal(value1, testArray[0]);
        assert.equal(value2, testArray[1]);
    });

    it(''should return undefined becuase non of the objects in the array have that value'', function () {
        var findNonExistingObj = search(testArray, ''string 3'');

        assert.equal(findNonExistingObj, undefined);
    });

    it(''should return undefined becuase our array of objects dont have ids'', function () {
        var findById = search(testArray, ''string 1'', ''id'');

        assert.equal(findById, undefined);
    });
});

resultados de la prueba:

Search
    ✓ should return the object that match the search
    ✓ should return undefined becuase non of the objects in the array have that value
    ✓ should return undefined becuase our array of objects dont have ids


  3 passing (12ms)

Antigua respuesta - eliminado debido a malas prácticas.

Si quieres saber más por qué es una mala práctica, consulta este artículo:

¿Por qué es una mala práctica extender objetos nativos?

Versión prototipo de hacer una búsqueda en matriz:

Array.prototype.search = function(key, prop){
    for (var i=0; i < this.length; i++) {
        if (this[i][prop] === key) {
            return this[i];
        }
    }
}

Uso:

var array = [
    { name:''string 1'', value:''this'', other: ''that'' },
    { name:''string 2'', value:''this'', other: ''that'' }
];

array.search(''string 1'', ''name'');

Answer 3

Encontrando el elemento array:

let arr = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];

let obj = arr.find(o => o.name === ''string 1'');

console.log(obj);

Reemplazando el elemento de la matriz:

let arr = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];

let obj = arr.find((o, i) => {
    if (o.name === ''string 1'') {
        arr[i] = { name: ''new string'', value: ''this'', other: ''that'' };
        return true; // stop searching
    }
});

console.log(arr);

Answer 4

Aquí está la solución para buscar y reemplazar.

function searchAndUpdate(name,replace){
    var obj = array.filter(function ( obj ) {
        return obj.name === name;
    })[0];
    obj.name = replace;
}

searchAndUpdate("string 2","New String 2");

Answer 5

Con un foreach:

let itemYouWant = null;
array.forEach((item) => {
    if (item.name === ''string 1'') {
        itemYouWant = item;
    }
});
console.log(itemYouWant);

Answer 6

En ES6 puedes usar Array.prototype.find(predicate, thisArg?) Así:

array.find(x => x.name === ''string 1'')

http://exploringjs.com/es6/ch_arrays.html#_searching-for-array-elements https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find

Para luego reemplazar dicho objeto (y usar otro método de fill ES6 ), podría hacer algo como:

let obj = array.find(x => x.name === ''string 1'');
let index = array.indexOf(obj);
array.fill(obj.name=''some new string'', index, index++);

Answer 7

Esta respuesta es buena para mecanografiado / Angular 2, 4, 5+

Obtuve esta respuesta con la ayuda de @rujmah. Respuesta anterior. Su respuesta introduce el conteo de matrices ... y luego encuentra el valor y lo reemplaza por otro valor ...

Lo que hace esta respuesta es simplemente tomar el nombre del arreglo que podría configurarse en otra variable a través de otro módulo / componente ... en este caso, el arreglo que construí tenía un nombre css de fechas de permanencia. Entonces, lo que esto hace es extraer ese nombre y luego me permite establecerlo en otra variable y usarlo así. En mi caso fue una clase html css.

let obj = this.highlightDays.find(x => x.css); let index = this.highlightDays.indexOf(obj); console.log(''here we see what hightlightdays is '', obj.css); let dayCss = obj.css;

Answer 8

O use un simple for -loop:

var result = null;
for (var i = 0; i < array.length; i++) { 
  if (array[i].name === "string 1") { 
    result = array[i];
    break;
  } 
}

O si puede, es decir, si su navegador lo admite, use Array.filter , que es mucho más conciso:

var result = array.filter(function (obj) {
  return obj.name === "string 1";
})[0];

Answer 9

Otra forma (para ayudar a los comentarios de @NullUserException y @ Wexoni) es recuperar el índice del objeto en la matriz y luego ir desde allí:

var index = array.map(function(obj){ return obj.name; }).indexOf(''name-I-am-looking-for'');
// Then we can access it to do whatever we want
array[index] = {name: ''newName'', value: ''that'', other: ''rocks''};

Answer 10

Puede recorrer la matriz y probar esa propiedad:

function search(nameKey, myArray){
    for (var i=0; i < myArray.length; i++) {
        if (myArray[i].name === nameKey) {
            return myArray[i];
        }
    }
}

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];

var resultObject = search("string 1", array);

Answer 11

Puede utilizar query-objects de query-objects de npm. Puedes buscar una matriz de objetos usando filtros.

const queryable = require(''query-objects'');

const users = [
    {
      firstName: ''George'',
      lastName: ''Eracleous'',
      age: 28
    },
    {
      firstName: ''Erica'',
      lastName: ''Archer'',
      age: 50
    },
    {
      firstName: ''Leo'',
      lastName: ''Andrews'',
      age: 20
    }
];

const filters = [
    {
      field: ''age'',
      value: 30,
      operator: ''lt''
    },
    {
      field: ''firstName'',
      value: ''Erica'',
      operator: ''equals''
    }
];

// Filter all users that are less than 30 years old AND their first name is Erica
const res = queryable(users).and(filters);

// Filter all users that are less than 30 years old OR their first name is Erica
const res = queryable(users).or(filters);

Answer 12

Puedes hacerlo con un simple bucle:

var obj = null;    
for (var i = 0; i < array.length; i++) {
    if (array[i].name == "string 1") {
        obj = array[i];
        break;
    }
}

Answer 13

Según ECMAScript 6, puede utilizar la función findIndex .

array[array.findIndex(x => x.name == ''string 1'')]

Answer 14

Si está utilizando jQuery, intente $ .grep ().

http://api.jquery.com/jquery.grep/

Answer 15

Similar a las respuestas anteriores usé lo siguiente:

    Array.prototype.getIemtByParam = function(paramPair) {
      var key = Object.keys(paramPair)[0];
      return this.find(function(item){return ((item[key] == paramPair[key]) ? true: false)});
    }

uso:

myArray.getIemtByParam(
    {name: ''Sasha''}
);

Answer 16

Teniendo en cuenta que tienes el siguiente fragmento:

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];

Puedes usar la siguiente función para buscar artículos

const search = what => array.find(element => element.name === what);

Y puedes verificar si el artículo fue encontrado o no.

if (search("string 1")) {
    console.log(search.value, search.other);
} else {
    console.log(''No result found'');
}

Answer 17

Una línea de respuesta. Puede utilizar la función de filtro para obtener resultados.

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];

console.log(array.filter(function(arr){return arr.name == ''string 1''})[0]);

Answer 18

con underscore.js use el método findWhere:

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];


var result = _.findWhere(array, {name: ''string 1''});

console.log(result.name);

Ver esto en JSFIDDLE

Answer 19

function getValue(){
    for(var i = 0 ; i< array.length; i++){
        var obj = array[i];
        var arr = array["types"];
        for(var j = 0; j<arr.length;j++ ){
            if(arr[j] == "value"){
                return obj;
            }
        }

    }
}

Answer 20

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];

var foundValue = array.filter(obj=>obj.name===''string 1'');

console.log(foundValue);