SuzuBlog

webのお勉強はじめたばかりの初心者。備忘録

JavaScript

JavaScript基本【DOM操作基礎】

JavaScript基本【DOM操作】 DOMとは? DOMとは、JavaScript等でHTMLの操作を行うこと。 Document Object Modelの略で、ドキュメントをオブジェクトのように扱います。 値を変更したり、色を変えてみたりといった操作が可能になりますので、HTMLの表現の幅が…

JavaScript【配列とオブジェクト&その他】

JavaScript【配列とオブジェクト】 map、filter See the Pen WNNOzyE by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen. mapは、配列の中身それぞれに指定された処理を施した新しい配列を生成し返してくれます。 この例では、配列の中身を全て2…

JavaScript基本【コールバック関数】

JavaScript基本【コールバック関数】 コールバック関数とは? 関数の引数に関数を渡すことができます。 これを、コールバック関数と呼びます。 See the Pen NWWRKKw by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen. これは、call関数の引数に…

JavaScript基本【配列の操作】

JavaScript基本【配列の操作】 pushメソッド pushメソッドを使用することで、配列に値を追加することができます。 See the Pen zYYBVdZ by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen. forEachメソッド See the Pen abbZgVw by すず@progate…

JavaScript基本【オブジェクト】

JavaScript基本【オブジェクト】 See the Pen LYYZbdx by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen. オブジェクトは、複数の値をまとめて管理するために使用します。 配列は値を並べて管理するのに比べ、オブジェクトは値にプロパティと呼…

JavaScript基本【アロー関数】

JavaScriptアロー関数の書き方 JavaScript基本【関数】 - SuzuBlog 前回の記事と同じ内容のものをアロー関数に書き換えます。 引数なし const hello = ()=>{ console.log(`Hello,World!`); } hello(); 引数1つ const hello = (name)=>{ console.log(`Hello,…

JavaScript基本【関数】

JavaScriptの基本的な関数の書き方 引数なし const hello = function(){ console.log(`Hello,World!`); } hello(); 引数1つ const hello = function(name){ console.log(`Hello,${name}!`); } hello('World'); hello('Japan'); 引数複数 const add = functi…

JavaScript基本の基本

JavaScript基本の基本 自分用なので詳しいことは書いてません。例のみ 基本出力 console.log(`Hello,World!!`); 変数、定数 //変数 let num = 123; //定数?(再代入できない変数) const str = `Suzu`; if文 let num = 200; if(100 === num){ console.log('nu…