JavaScript～配列の基本
8175 ワード
JavaScript～配列の基本
コピペして使ってください。
ES6を対象としています。
配列に追加（pushメソッド）
sample.js
//配列の定義
const characters = ["a", "b", "c"];
// pushメソッドを使って配列の最後尾に追加
characters.push("d");
配列の繰り返し処理（forEachメソッド）
sample.js
//配列の定義
const characters = ["a", "b", "c"];
// forEachメソッドを使って、配列charactersの中身をすべて出力
characters.forEach((character)=>{
console.log(character);
});
条件にあう１つ目の要素を取り出す（findメソッド）
sample.js
//配列の定義
const numbers = [1, 3, 5, 7, 9];
// findメソッドを使って3の倍数を見つける
const foundNumber = numbers.find((number)=>{
return number%3===0;
});
console.log(foundNumber);
条件にあう全ての要素を取り出す（filterメソッド）
sample.js
//配列の定義
const characters = [
{id: 1, age: 14},
{id: 2, age: 5},
{id: 3, age: 100}
];
// charactersから20歳未満を取り出す
const underTwenty = characters.filter((character)=>{
return character.age<20;
});
console.log(underTwenty);
新しい配列をつくる（mapメソッド）
sample.js
//配列の定義
const names = [
{firstName: "Kate", lastName: "Jones"},
{firstName: "John", lastName: "Smith"},
{firstName: "Denis", lastName: "Williams"},
{firstName: "David", lastName: "Black"}
];
// 定数namesにmapメソッドを使って新しい配列を作る
const fullNames = names.map((name)=>{
return name.firstName + name.lastName;
});
console.log(fullNames);
Author And Source
この問題について(JavaScript～配列の基本), 我々は、より多くの情報をここで見つけました https://qiita.com/praz1/items/9f59e925ede925699dc2著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .