JS配列メソッド!🐱🏍
20577 ワード
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コースでした
ボーナスミーム
ハッピーコーディング🚀
Reference
この問題について(JS配列メソッド!🐱🏍), 我々は、より多くの情報をここで見つけました
https://dev.to/mayank0508/js-array-methods-1pk1
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
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
したがって、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コースでした
ボーナスミーム
ハッピーコーディング🚀
Reference
この問題について(JS配列メソッド!🐱🏍), 我々は、より多くの情報をここで見つけました
https://dev.to/mayank0508/js-array-methods-1pk1
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
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
したがって、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コースでした
ボーナスミーム
ハッピーコーディング🚀
Reference
この問題について(JS配列メソッド!🐱🏍), 我々は、より多くの情報をここで見つけました
https://dev.to/mayank0508/js-array-methods-1pk1
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
ハッピーコーディング🚀
Reference
この問題について(JS配列メソッド!🐱🏍), 我々は、より多くの情報をここで見つけました
https://dev.to/mayank0508/js-array-methods-1pk1
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Reference
この問題について(JS配列メソッド!🐱🏍), 我々は、より多くの情報をここで見つけました https://dev.to/mayank0508/js-array-methods-1pk1テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol