JavaScript復習⑤

JavaScript復習④からの続きです。

入力値を使う

JavaScriptファイル

import readlineSync from "readline-sync";
const name= readlineSync.question("名前を入力してください:");
console.log(`${name}が入力されました);

コンソール

名前を入力してください: タロウ
タロウと入力されました

整数の入力

JavaScriptファイル

const name = readlineSync.question("名前を入力してください:");
const age = readlineSync.questionInt("年齢を入力してください:");
// 整数を入力させる場合はquestionではなく、questionIntを使う

pushメソッド

JavaScriptファイル

const numbers = [1,2,3];
console.log(numbers);
numbers.push(4);
console.log(numbers);

コンソール

[1,2,3]
[1,2,3,4]

forEachメソッド

JavaScriptファイル

const numbers = [1,2,3];
numbers.forEach ((number)=> {console.log(number); } );
// コールバック関数の形になっている

コンソール

1
2
3

findメソッド

JavaScriptファイル

const numbers = [1,3,5,7];
const foundNumber = numbers.find ((number)
  =>{ return number > 3;
});
console.log(foundNumber);

コンソール

5

//条件に合う最初の要素だけが取り出される

配列の要素がオブジェクトの場合もfindメソッドが使える

JavaScriptファイル

const characters = [
  {id: 1, name: "たろう"},
  {id: 2, name: "はなこ"}
];
const foundCharacter = characters.find ((character)=>{
  return character.id === 1;
});
console.log(foundCharacter);

コンソール

{id: 1, name: "たろう"}

filterメソッド

JavaScriptファイル

const numbers = [1,3,5,7];
const filteredNumbers = numbers.filter ((number)=>{
  return > 3;
});
console.log(filteredNumbers);

コンソール

[5,7]

//条件に合う要素が全て取り出される

配列の要素がオブジェクトの場合もfilterメソッドが使える

JavaScriptファイル

const characters = [
  {name: "たろう", age: 20},
  {name: "はなこ", age: 8},
  {name: "けんた", age: 5}
];
const filteredCharacters = characters.filter ((character)=>{
  return character.age > 7;
});
console.log(filteredCharacters)

コンソール

[ {name: "たろう", age: 20}, {name: "はなこ", age: 8} ]

mapメソッド

mapメソッド・・・ 配列内の全ての要素に処理を行い、その戻り値から新しい配列を作成するメソッド

JavaScriptファイル

const numbers = [1,2,3];
const doubledNumbers = numbers.map ((number)=> {
 return number * 2;
});
console.log(doubledNumbers);

コンソール

[2,4,6]

//配列numbersの全ての数値が2倍され、新しい配列が作成された

配列の要素がオブジェクトの場合もmapメソッドが使える

JavaScriptファイル

const names = [
  {familyName: "Tanaka", lastName: "Taro"},
  {familyName: "Suzuki", lastName: "Hanako"}
];
const fullNames = names.map ((name)=>{
  return name.familyName + name.lastName;
});
console.log(fullNames);

コンソール

["TanakaTaro", "SuzukiHanako"]

続きはJavaScript復習⑥へ