Häufig verwendete Durchlaufmethoden für Javascript-Arrays (Codebeispiele)

var colors = ["red","blue","green"];
// ES5遍历数组方法
for(var i = 0; i rrree<p> Schauen wir uns ein anderes Beispiel an: Durchlaufen Sie die Werte im Array und berechnen Sie die Summe </p><pre class="brush:php;toolbar:false">// ES6 forEach
colors.forEach(function(color){
 console.log(color);//red blue green
});

var numbers = [1,2,3,4,5];
var sum = 0;
numbers.forEach(number=>sum+=number)
console.log(sum)//15

var numbers = [1,2,3];
var doubledNumbers = [];
// es5写法
for(var i = 0; i <p><strong>3. Filter: Alle Elemente aus dem Array finden, die die angegebenen Bedingungen erfüllen </strong></p><p>filter() erkennt numerische Elemente und gibt ein Array aller Elemente zurück, die die Bedingungen erfüllen. filter() ändert das ursprüngliche Array nicht. </p><p>Verwendungsszenario 1: Angenommen, es gibt ein Objektarray (A), holen Sie sich den angegebenen Objekttyp im Array und fügen Sie ihn in Array B ein</p><pre class="brush:php;toolbar:false">// es6 map方法
var doubled = numbers.map(function(number){
   return number * 2;
})
console.log(doubled);//[2,4,6]

var cars = [
  {model:"Buick",price:"CHEAP"},
  {model:"BMW",price:"expensive"}
];
var prices = cars.map(function(car){
    return car.price;
})
console.log(prices);//["CHEAP", "expensive"]

var porducts = [
  {name:"cucumber",type:"vegetable"},
  {name:"banana",type:"fruit"},
  {name:"celery",type:"vegetable"},
  {name:"orange",type:"fruit"}
];
// es5写法
var filteredProducts = [];
for(var i = 0; i <p><strong> 4. find: Gibt das erste Element des Arrays zurück, das den Test besteht (innerhalb der Funktion beurteilt). Wert</strong></p><p> Sein Parameter ist eine Rückruffunktion, und alle Array-Mitglieder führen die Rückruffunktion nacheinander aus, bis der Es wird das erste Mitglied gefunden, dessen Rückgabewert wahr ist, und dann wird dieses Mitglied zurückgegeben. Wenn keine passenden Mitglieder vorhanden sind, wird undefiniert zurückgegeben. <br>Verwendungsszenario 1<br> Angenommen, es gibt ein Objektarray (A), suchen Sie das Objekt, das die Bedingungen erfüllt </p><pre class="brush:php;toolbar:false">// es6 filter
var filtered2 = porducts.filter(function(product){
  return product.type === "vegetable";
})
console.log(filtered2);

var products = [
  {name:"cucumber",type:"vegetable",quantity:0,price:1},
  {name:"banana",type:"fruit",quantity:10,price:16},
  {name:"celery",type:"vegetable",quantity:30,price:8},
  {name:"orange",type:"fruit",quantity:3,price:6}
];
products = products.filter(function(product){
    return product.type === "vegetable" 
    && product.quantity > 0 
    && product.price <p><strong> 5. every&some</strong></p><p>every: Ob jedes Element in Das Array erfüllt die angegebenen Bedingungen </p><p>einige: Ob es Elemente im Array gibt, die die angegebenen Bedingungen erfüllen</p><p>Verwendungsszenario 1: Berechnen Sie, ob jedes Computerbetriebssystem im Objektarray verfügbar ist Das Betriebssystem ist größer als 16 Bit, es bedeutet, dass es verfügbar ist, andernfalls ist es nicht verfügbar </p><p><strong>Verwendungsszenario 2</strong>: Angenommen, es gibt eine Registrierungsseite. Bestimmen Sie, ob die Länge aller Eingabeinhalte größer als 0 ist</p><pre class="brush:php;toolbar:false">var post = {id:4,title:"Javascript"};
var comments = [
   {postId:4,content:"Angular4"},
   {postId:2,content:"Vue.js"},
   {postId:3,content:"Node.js"},
   {postId:4,content:"React.js"},
];
function commentsForPost(post,comments){
   return comments.filter(function(comment){
     return comment.postId === post.id;
   })
}
console.log(commentsForPost(post,comments));//[{postId:4,content:"Angular4"},{postId:4,content:"React.js"}]

 var users = [
  {name:"Jill"},
  {name:"Alex",id:2},
  {name:"Bill"},
  {name:"Alex"}
 ];
// es5方法
 var user;
 for(var i = 0; i <pre class="brush:php;toolbar:false">// es6 find
user = users.find(function(user){
  return user.name === "Alex";
})
console.log(user);// {name:"Alex",id:2}找到后就终止循环

var posts = [
 {id:3,title:"Node.js"},
 {id:1,title:"React.js"}
];
var comment = {postId:1,content:"Hello World!"};
function postForComment(posts,comment){
 return posts.find(function(post){
   return post.id === comment.postId;
 })
}
console.log(postForComment(posts,comment));//{id: 1, title: "React.js"}

//ES5方法
var computers = [
 {name:"Apple",ram:16},
 {name:"IBM",ram:4},
 {name:"Acer",ram:32}
];
var everyComputersCanRunProgram = true;
var someComputersCanRunProgram = false;
for(var i = 0; i <p><strong></strong></p>