Javascript基礎入門

ひのすけ帳・其之一【Javascriptでビンゴシートを作ろう(ドットインストール)編#①】

こんにちは。プログラミング初学者のひのすけ(@fire_n_sk)です。

今回はドットインストールの教材「JavaScriptでビンゴシートを作ろう」について自分なりの理解の深まったやり方をまとめた文章を公開できればと思います。今回の内容は主に、『#03 B列の配列を作ろう と #04 配列を確認してみよう』のチャプターで出てくるsplice()というメソッドについての内容です。

※Javas

もっとみる
ありがとうございます!(๑•̀ㅂ•́)و✧

Javascriptの基礎の基礎②

コールバック関数

JavaScriptでは引数に関数を渡すことができる。
引数に渡される関数をコールバック関数と呼ぶ。

引数の種類

関数呼び出し時に渡される引数の種類

            文字列
 関数名(引数);     数値
                 真偽値
                 関数名

コールバック関数を渡す

       関数が引数に代入される
    

もっとみる

JavaScriptの基礎の基礎①

配列を操作するメソッド

①pushメソッド

pushメソッドとは、配列の最後に新しい要素を追加するメソッド

例)

const numbers = [1,2,3];console.log(numbers);numbers.push(4); 配列に新しい要素を追加するconsole.log(numbers);

②forEachメソッド

forEachメソッドは配列の中の要素を1つずつ取り

もっとみる

【JavaScript】正規表現



正規表現オブジェクト

RegExp 正規表現オブジェクト



mStr = new RegExp("/MZ")"MZ"にマッチさせるための正規表現文字列を変数mStrに代入する

mStr = /MZ/"MZ"にマッチさせるための正規表現文字列を変数mStrに代入する

サンプル<html><head><title>サンプル</title></head><body><h2>RegEx

もっとみる
よろしければシェアもよろしくお願いします
2

【JavaScript】オブジェクト



オブジェクト

Object オブジェクト



mObj = new Object()mObjオブジェクトとする

サンプル<html><head><title>サンプル</title></head><body><h2>オブジェクト</h2><script language="JavaScript"><!--mObj = new Object("Good day!");documen

もっとみる
スキありがとうございます。
2

【JavaScript】数値



数値オブジェクト

Number 数値オブジェクト

数値を扱うオブジェクトです。



myNum = new Number()myNumヘンスを数値オブジェクトとする

myNum = new Number(2035)myNum変数に数値2035を代入する

サンプル<html><head><title>サンプル</title><script language="JavaScrip

もっとみる
よろしければシェアもよろしくお願いします
1

【JavaScript】関数

関数

Function 関数

関数です。 new命令により新しい関数を生成できます。



setBGColor = new Function("document.bgColor='blur'")背景色を青色にする関数を生成する。(関数名はBGColor)

calc = new Function( a , b , "return a+b")2つの関数(a,b)を加算した結果を返す

もっとみる
スキありがとうございます。

生JavaScriptでToDoアプリケーション

昨今、JavaScript界は盛り上がってます。SPAクライアントを作成するフレームワークやサーバーサイドソフトウェアを作成するプラットフォームが盛り上がっているおかげですね。React, Vue, Nodeなどです。

Saas(Software As A Service )の盛り上がりなども考慮すると、webブラウザで動くwebアプリケーションの重要性は増していくでしょう。そして当然ながらそれ

もっとみる

JavaScriptで自由自在にDOM操作

WEB制作・アプリを作成するときに多く求められるのは、WEB文書をどのようにして操作だと思います。JavaScriptでその操作を解決するのが、WEBクライアントAPIであるDOM(Document Object Model)操作です。クライアントサイドのUI/UXを向上させるJavaScriptですから、このDOMに関する知識は超必須です。

このDOM操作の概要説明は公式リファレンスに任せます

もっとみる

【JavaScript】画像操作



画像オブジェクト

Image 画像オブジェクト

画像を扱うオブジェクトです



mImg = new Image()mImageを画像オブジェクトとする

サンプル<html><head><title>サンプル</title><script language="JavaScript"><!--mImage = new Image();mImage.src = "000.jp

もっとみる
よろしければシェアもよろしくお願いします
2