JS配列メソッド!🐱‍🏍


JS配列とは何か


JavaScript Arrayクラスは、配列の構造で使用されるグローバルオブジェクトですこれはハイレベルのリストオブジェクトです.

配列は多くのメソッドを提供します。物事をより簡単にする。


4つの配列方法について話します。


1マップ


2フィルタ


ソート


4縮小



1 )配列。プロトタイプ。map ()


map ()メソッドを使用する基本的な必要は、与えられたデータを変更することです.map ()メソッドは、呼び出し元の配列のすべての要素に対して指定された関数を呼び出した結果が設定された新しい配列を作成します.それは配列によって渡されるが、変更された形式で同じ量のデータを返します
const inventors = [
        { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 },
        { first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 },
        { first: 'Galileo', last: 'Galilei', year: 1564, passed: 1642 },
        { first: 'Marie', last: 'Curie', year: 1867, passed: 1934 },
        { first: 'Johannes', last: 'Kepler', year: 1571, passed: 1630 },
        { first: 'Nicolaus', last: 'Copernicus', year: 1473, passed: 1543 }
const fullName = inventors.map(
        inventor => `${inventor.first} ${inventor.last}`
      );
      console.log(fullName); // it returns the full name of the inventors using the map method

2 )配列。プロトタイプ。filter ()


したがって、filter ()メソッドを使用する基本的な必要は、与えられたデータをフィルタリングすることです.filter ()メソッドは、与えられた関数によって実装されたテストを渡すすべての要素を持つ新しい配列を作成します.
これは、initを通過したすべての要素を含まないかもしれないフィルタリングされた配列を返します.
const inventors = [
        { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 },
        { first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 },
        { first: 'Galileo', last: 'Galilei', year: 1564, passed: 1642 },
        { first: 'Marie', last: 'Curie', year: 1867, passed: 1934 },
        { first: 'Johannes', last: 'Kepler', year: 1571, passed: 1630 },
        { first: 'Nicolaus', last: 'Copernicus', year: 1473, passed: 1543 }
 const filter = inventors.filter(
        inventor => inventor.year >= 1500 && inventor.year <= 1599
      );
      console.table(filter); // filter helps us here to filter out the list of inventors year dates

3 )配列。プロトタイプ。sort ()


したがって、sort ()メソッドを使用する基本的な必要は、与えられたデータをソートすることです.sort ()メソッドは、配列の要素を配置し、ソートされた配列を返します.デフォルトのソート順は昇順です.それは渡されたデータの同じ量を返します!
const inventors = [
        { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 },
        { first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 },
        { first: 'Galileo', last: 'Galilei', year: 1564, passed: 1642 },
        { first: 'Marie', last: 'Curie', year: 1867, passed: 1934 },
        { first: 'Johannes', last: 'Kepler', year: 1571, passed: 1630 },
        { first: 'Nicolaus', last: 'Copernicus', year: 1473, passed: 1543 }
const sorted = inventors.sort((a, b) => (a.passed > b.passed ? 1 : -1));
      console.table(sorted); // this method helps with the sorting of the results/arrays

3 )配列。プロトタイプ。reduce ()


したがって、reduce ()メソッドを使用するための基本的な必要は、与えられたデータを並べ替えることです.reduce ()メソッドは、配列の各要素に対して、還元子関数I . Eを実行します.
const inventors = [
        { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 },
        { first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 },
        { first: 'Galileo', last: 'Galilei', year: 1564, passed: 1642 },
        { first: 'Marie', last: 'Curie', year: 1867, passed: 1934 },
        { first: 'Johannes', last: 'Kepler', year: 1571, passed: 1630 },
        { first: 'Nicolaus', last: 'Copernicus', year: 1473, passed: 1543 }
 const total = inventors.reduce((total, inventor) => {
        return total + (inventor.passed - inventor.year);
      }, 0); // this method helps us to calculate the total number of years that were lived by the inventors using the reduce method
      console.log(total);
いくつかのより多くのJS配列メソッドを以下に示します.

それで



このブログはWES Bos Javascrip 30コースでした

ボーナスミーム



ハッピーコーディング🚀