1. Modifiez le tableau et renvoyez un nouveau tableau ;
01. Description.
Dans notre travail, nous constatons souvent que certaines des données envoyées depuis le backend ont non seulement des valeurs de clé vides, mais aussi aucune clé, ce que nous appelons souvent des noms d'attributs. Ensuite, nous devons les modifier pour renvoyer une donnée avec un structure normale;
02. Coder.
const data = [
{ id: 1, name: 'John' ,age:''},
{ id: 2 },
{ name: 'Jane' },
{ id: 3, age: 30 }
];
const filteredData = data.map(item => ({...item, id: item.id || '不存在',age:item.age||'不存在啊1'}));03. Résumé.
L'utilisation de map est une méthode de tableau très pratique. Elle peut renvoyer un nouveau tableau et la quantité de code est considérablement réduite. Si vous ne savez pas grand-chose sur map pour les débutants, vous pouvez vérifier la syntaxe d'es6 et découvrir la différence entre pourChacun et pourChacun.
2. Déterminez si l'élément est un caractère nul pour l'élément du tableau.
01. Description.
Par exemple, dans le cas d'une dictée, certaines données doivent être jugées. Tous les éléments de données ne peuvent pas être des chaînes vides et doivent avoir un contenu pour transmettre des paramètres à l'interface.
02. Mise en œuvre du code.
const data = [
{ id: 1, name: 'John' ,age:''},
{ id: 2 },
{ name: 'Jane' },
{ id: 3, age: 30 }
];
let tag = ''
const ss = ['id','name','age']
for(let i=0;i<data.length;i++){
for(let j=0;j<ss.length;j++){
if(data[i][ss[j]]===''){
tag = true
break
}
}
}
console.log(tag);03. Résumé.
Les boucles doubles for sont très couramment utilisées dans le travail et doivent être prises au sérieux.
Gros café de passage, si vous l'aimez, mettez un pouce bleu ! Merci beaucoup!
3. Faites une copie de l'objet au moyen de la méthode Object.keys() ;
01. Description.
Lorsque nous devons copier un objet, nous devons savoir si l'objet est un objet vide, effectuer un parcours forIN dessus et utiliser souvent sa méthode Object.keys().
Ce qui suit est un ensemble de données envoyées par le composant parent, qui sont surveillées et modifiées.
02. Mise en œuvre du code.
watch: {
checkouts: {
handler: function(newV, oldV) {
const o = { ...newV }
//把对象属性转为一个数组 （其实这一步也可以直接对o==={}进行判断也是可以的）
const key = Object.keys(o)
if (key.length > 0) {
for (const key in o) {
this.queryAdd[key] = o[key]
}
}
},
deep: true
}
},03. Résumé.
Nous pouvons souvent utiliser la combinaison d'objets et de tableaux pour gérer de nombreux scénarios.