Comment changer la valeur d'un objet qui se trouve à l'intérieur d'un tableau en utilisant JavaScript ou jQuery?

Le code ci-dessous provient de jQuery UI Autocomplete:

var projects = [
    {
        value: "jquery",
        label: "jQuery",
        desc: "the write less, do more, JavaScript library",
        icon: "jquery_32x32.png"
    },
    {
        value: "jquery-ui",
        label: "jQuery UI",
        desc: "the official user interface library for jQuery",
        icon: "jqueryui_32x32.png"
    },
    {
        value: "sizzlejs",
        label: "Sizzle JS",
        desc: "a pure-JavaScript CSS selector engine",
        icon: "sizzlejs_32x32.png"
    }
];

Par exemple, je veux changer la valeur desc de jquery-ui . Comment puis je faire ça?

De plus, existe-t-il un moyen plus rapide d'obtenir les données? Je veux dire donner à l'objet un nom pour récupérer ses données, tout comme l'objet à l'intérieur d'un tableau? Ce serait donc quelque chose commejquery-ui.jquery-ui.desc = ....

Vous devez rechercher dans le tableau comme:

function changeDesc( value, desc ) {
   for (var i in projects) {
     if (projects[i].value == value) {
        projects[i].desc = desc;
        break; //Stop this loop, we found it!
     }
   }
}

et l'utiliser comme

var projects = [ ... ];
changeDesc ( 'jquery-ui', 'new description' );

METTRE À JOUR:

Pour l'obtenir plus rapidement:

var projects = {
   jqueryUi : {
      value:  'lol1',
      desc:   'lol2'
   }
};

projects.jqueryUi.desc = 'new string';

(Selon le commentaire de Frédéric, vous ne devez pas utiliser de trait d'union dans la clé d'objet, ou vous devez utiliser la notation "jquery-ui" et projects ["jquery-ui"].)

C'est assez simple

• Recherchez l'index de l'objet à l'aide de la findIndexméthode.
• Stockez l'index dans une variable.
• Faites une simple mise à jour comme celle-ci: yourArray[indexThatyouFind]

//Initailize array of objects.
let myArray = [
  {id: 0, name: "Jhon"},
  {id: 1, name: "Sara"},
  {id: 2, name: "Domnic"},
  {id: 3, name: "Bravo"}
],
    
//Find index of specific object using findIndex method.    
objIndex = myArray.findIndex((obj => obj.id == 1));

//Log object to Console.
console.log("Before update: ", myArray[objIndex])

//Update object's name property.
myArray[objIndex].name = "Laila"

//Log object to console again.
console.log("After update: ", myArray[objIndex])

Manière ES6 , sans muter les données d'origine.

var projects = [
{
    value: "jquery",
    label: "jQuery",
    desc: "the write less, do more, JavaScript library",
    icon: "jquery_32x32.png"
},
{
    value: "jquery-ui",
    label: "jQuery UI",
    desc: "the official user interface library for jQuery",
    icon: "jqueryui_32x32.png"
}];

//find the index of object from array that you want to update
const objIndex = projects.findIndex(obj => obj.value === 'jquery-ui');

// make new object of updated object.   
const updatedObj = { ...projects[objIndex], desc: 'updated desc value'};

// make final new array of objects by combining updated object.
const updatedProjects = [
  ...projects.slice(0, objIndex),
  updatedObj,
  ...projects.slice(objIndex + 1),
];

console.log("original data=", projects);
console.log("updated data=", updatedProjects);

La meilleure solution, grâce à ES6.

Cela renvoie un nouveau tableau avec une description remplacée pour l'objet qui contient une valeur égale à "jquery-ui".

const newProjects = projects.map(p =>
  p.value === 'jquery-ui'
    ? { ...p, desc: 'new description' }
    : p
);

Vous pouvez utiliser $ .each () pour parcourir le tableau et localiser l'objet qui vous intéresse:

$.each(projects, function() {
    if (this.value == "jquery-ui") {
        this.desc = "Your new description";
    }
});

Utiliser la carte est la meilleure solution sans utiliser de bibliothèques supplémentaires. (En utilisant ES6)

const state = [
{
    userId: 1,
    id: 100,
    title: "delectus aut autem",
    completed: false
},
{
    userId: 1,
    id: 101,
    title: "quis ut nam facilis et officia qui",
    completed: false
},
{
    userId: 1,
    id: 102,
    title: "fugiat veniam minus",
    completed: false
},
{
    userId: 1,
    id: 103,
    title: "et porro tempora",
    completed: true
}]

const newState = state.map(obj =>
    obj.id === "101" ? { ...obj, completed: true } : obj
);

C'est facilement réalisable avec la bibliothèque underscore / lodash:

  _.chain(projects)
   .find({value:"jquery-ui"})
   .merge({desc: "new desc"});

Documents:
https://lodash.com/docs#find
https://lodash.com/docs#merge

vous pouvez utiliser .find donc dans votre exemple

   var projects = [
            {
                value: "jquery",
                label: "jQuery",
                desc: "the write less, do more, JavaScript library",
                icon: "jquery_32x32.png"
            },
            {
                value: "jquery-ui",
                label: "jQuery UI",
                desc: "the official user interface library for jQuery",
                icon: "jqueryui_32x32.png"
            },
            {
                value: "sizzlejs",
                label: "Sizzle JS",
                desc: "a pure-JavaScript CSS selector engine",
                icon: "sizzlejs_32x32.png"
            }
        ];

let project = projects.find((p) => {
    return p.value === 'jquery-ui';
});

project.desc = 'your value'

vous devez connaître l'index de l'objet que vous modifiez. alors c'est assez simple

projects[1].desc= "new string";

Je pense que c'est mieux ainsi

const index = projects.findIndex(project => project.value==='jquery-ui');
projects[index].desc = "updated desc";

étant donné les données suivantes, nous voulons remplacer les baies de la summerFruitsliste par la pastèque .

const summerFruits = [
{id:1,name:'apple'}, 
{id:2, name:'orange'}, 
{id:3, name: 'berries'}];

const fruit = {id:3, name: 'watermelon'};

Vous pouvez le faire de deux manières.

Première approche:

//create a copy of summer fruits.
const summerFruitsCopy = [...summerFruits];

//find index of item to be replaced
const targetIndex = summerFruits.findIndex(f=>f.id===3); 

//replace the object with a new one.
summerFruitsCopy[targetIndex] = fruit;

Deuxième approche: utiliser mapet spread:

const summerFruitsCopy = summerFruits.map(fruitItem => 
fruitItem .id === fruit.id ? 
    {...summerFruits, ...fruit} : fruitItem );

summerFruitsCopy La liste retournera maintenant un tableau avec un objet mis à jour.

Ceci est une autre réponse impliquant find. Cela repose sur le fait que find:

• parcourt chaque objet du tableau jusqu'à ce qu'une correspondance soit trouvée
• chaque objet vous est fourni et est MODIFIABLE

Voici l'extrait critique de Javascript:

projects.find( function (p) {
    if (p.value !== 'jquery-ui') return false;
    p.desc = 'your value';
    return true;
} );

Voici une autre version du même Javascript:

projects.find( function (p) {
    if (p.value === 'jquery-ui') {
        p.desc = 'your value';
        return true;
    }
    return false;
} );

Voici une version encore plus courte (et un peu plus diabolique):

projects.find( p => p.value === 'jquery-ui' && ( p.desc = 'your value', true ) );

Voici une version de travail complète:

  var projects = [
            {
                value: "jquery",
                label: "jQuery",
                desc: "the write less, do more, JavaScript library",
                icon: "jquery_32x32.png"
            },
            {
                value: "jquery-ui",
                label: "jQuery UI",
                desc: "the official user interface library for jQuery",
                icon: "jqueryui_32x32.png"
            },
            {
                value: "sizzlejs",
                label: "Sizzle JS",
                desc: "a pure-JavaScript CSS selector engine",
                icon: "sizzlejs_32x32.png"
            }
        ];

projects.find( p => p.value === 'jquery-ui' && ( p.desc = 'your value', true ) );

console.log( JSON.stringify( projects, undefined, 2 ) );

Vous pouvez utiliser la fonction de carte -

const answers = this.state.answers.map(answer => {
  if(answer.id === id) return { id: id, value: e.target.value }
  return answer
})

this.setState({ answers: answers })

Essayez ce code. il utilise la fonction jQuery grep

array = $.grep(array, function (a) {
    if (a.Id == id) {
        a.Value= newValue;
    }
    return a;
});

Nous pouvons également utiliser la fonction de carte d'Array pour modifier l'objet d'un tableau à l'aide de Javascript.

function changeDesc(value, desc){
   projects.map((project) => project.value == value ? project.desc = desc : null)
}

changeDesc('jquery', 'new description')

Recherchez d'abord l'index:

function getIndex(array, key, value) {
        var found = false;
        var i = 0;
        while (i<array.length && !found) {
          if (array[i][key]==value) {
            found = true;
            return i;
          }
          i++;
        }
      }

Ensuite:

console.log(getIndex($scope.rides, "_id", id));

Faites ensuite ce que vous voulez avec cet index, comme:

$ scope [returnindex] .someKey = "someValue";

Remarque: veuillez ne pas utiliser pour, car for vérifiera tous les documents du tableau, utilisez tout avec un bouchon, donc il s'arrêtera une fois qu'il sera trouvé, donc un code plus rapide.

Ici, j'utilise des js angulaires. En javascript, vous pouvez utiliser for loop pour trouver.

    if($scope.bechval>0 &&$scope.bechval!=undefined)
    {

                angular.forEach($scope.model.benhmarkghamlest, function (val, key) {
                $scope.model.benhmarkghamlest[key].bechval = $scope.bechval;

            });
    }
    else {
        alert("Please sepecify Bechmark value");
    }

pour mettre à jour plusieurs éléments avec les correspondances, utilisez:

_.chain(projects).map(item => {
      item.desc = item.value === "jquery-ui" ? "new desc" : item.desc;
      return item;
    })

Ceci est ma réponse au problème. Ma version de soulignement était 1.7 donc je ne pouvais pas l'utiliser .findIndex.

J'ai donc obtenu manuellement l'index de l'article et l'ai remplacé. Voici le code pour la même chose.

 var students = [ 
{id:1,fName:"Ajay", lName:"Singh", age:20, sex:"M" },
{id:2,fName:"Raj", lName:"Sharma", age:21, sex:"M" },
{id:3,fName:"Amar", lName:"Verma", age:22, sex:"M" },
{id:4,fName:"Shiv", lName:"Singh", age:22, sex:"M" }
               ]

La méthode ci-dessous remplacera l'élève id:4par plus d'attributs dans l'objet

function updateStudent(id) {
 var indexOfRequiredStudent = -1;
    _.each(students,function(student,index) {                    
      if(student.id === id) {                        
           indexOfRequiredStudent = index; return;      
      }});
 students[indexOfRequiredStudent] = _.extend(students[indexOfRequiredStudent],{class:"First Year",branch:"CSE"});           

}

Avec le soulignement 1.8, cela sera simplifié car nous avons des méthodes _.findIndexOf.

Permettez-vous de mettre à jour la valeur de array[2] = "data"

    for(i=0;i<array.length;i++){
      if(i == 2){
         array[i] = "data";
        }
    }

let thismoth = moment(new Date()).format('MMMM');
months.sort(function (x, y) { return x == thismoth ? -1 : y == thismoth ? 1 : 0; });