初心者によるプログラミング学習ログ 156日目

100日チャレンジの156日目

twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。
すでに100日超えましたが、継続。

100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。

156日目は、

おはようございます
156日目

progateのjavascript講座改変アウトプット
寝落ちしてもーた。。。#早起きチャレンジ#100DaysOfCode #駆け出しエンジニアと繋がりたい #javascript

— ぱぺまぺ@webエンジニアを目指したい社畜 (@yudapinokio) November 9, 2019

学習したことの一部

practice.js

//メソッド:インスタンスの動作のようなもの
class Book {
    constructor(title, subtitle, number) {
      this.title = title;
      this.number = number;
      this.subtitle = subtitle;
    }

    // booktitle()メソッド追加
    booktitle() {
      console.log("プログラミング本");
    }

    // titlename()メソッド追加
  　titlename() {

      //booktitle()メソッド呼び出し
      this.booktitle();

    　console.log(`題名は${this.title}です`);
    　console.log(`サブタイトルは${this.subtitle}です`);
    　console.log(`巻数は${this.number}巻です`);
   }
  }

  const book = new Book("javascript", "初心者向け", 1);

  console.log(`タイトル: ${book.title}`);
  console.log(`サブタイトル: ${book.subtitle}`);
  console.log(`ナンバー: ${book.number}`);


  // bookに対してbooktitleメソッド呼び出し
  //book.booktitle();

// Bookクラスの継承: Novel
class Novel extends Book {
    //getNovelbook()メソッド追加
    getNovelbook() {
        return this.title + this.subtitle;
    }

}
   const novel = new Novel('ruby', '中級者向け', 4);

novel.titlename();

  // title()メソッド呼び出し
  book.titlename();

//定数novelsを定義:定数novelに対してgetNovelbookメソッド呼び出し
 const novels = novel.getNovelbook();

console.log(`本のタイトルは、${novels}です`);


//pushメソッド:配列の最後に新しい要素を追加
const names = ["サトウ", "スズキ", "タナカ", "イケダ"];

console.log(names);

// pushメソッドを使用し、配列に文字列を追加
names.push("フジタ");

console.log(names);

//forEachメソッド:配列の中の要素を1つずつ取り出し、全ての要素に繰り返し処理
const names1 = ["sato","suzuki","tanaka"];
names1.forEach((name1) => {
  console.log(name1);
});

以前に投稿したものに追加。