2019.03.22スポンサーリンクJavaScript入門として基礎的な内容を扱って、ここまで実行環境の構築から変数とデータ型を扱ってきました。ここまでの内容の中でも処理としては少し出てきたのですが、ここでは演算子(Operator:オペレーター)について触れていきます。演算子は「=」や「+」、「-」といったもので、何らかの処理を行うための記号です。演算子によって処理される変数などのことをオペラント(Operand:オペランド)と呼びます。MDNのページに式と演算子について次のようにまとめられています。言語のすべての演算子、式、キーワードについて文書化しています。演算子の優先順位まとめスポンサーリンク算術演算子まずは算術演算子から見ていきましょう。これは直感的にも理解できると思いますが、四則演算をはじめとした数学的な演算です。主な算術演算子はこちらになります。(2)これまでと同じ実行環境で次のコードを書いてみましょう。6);まず、varで変数を宣言しています。一応、太郎と花子の生まれ年のつもりです。次に今年と太郎と花子の年齢を変数を宣言して代入しています。これらを使って計算しています。今年から年齢を引いて、それぞれの生まれ年を求めています。あとは足し算、掛け算、割り算を行なっています。このあたりは通常の計算と同じですから意味はわかりますね。ブラウザから実行してみましょう。JavaScriptコンソールに結果が表示されているのがわかります。難しいことはないですね。次は論理演算子を簡単に見ていきましょう。論理演算子は条件式(論理値)を結合して、その結果をture/falseで返します。ageTaro;console.log(olderHanako);上手いコードではありませんが、二人の年齢を比較して、花子が歳上かどうかを判定しています。花子の方が歳上で不等号記号が成立しているのでtrueが返っています。これが逆の不等号記号であれば、falseが返ってきます。この論理演算子については、こちらの項目でブール論理として詳しく扱います。ブール論理JavaScript入門の基礎的な知識として、は論理演算子を扱います。「&&」「||」「!」を使って条件式(論理値)を結合して、結果をtrue/falseで返します。比較演算子と組み合わせて複雑な条件式を作って分岐処理などに利用できます。code-graffiti.com2019.03.26ただ、理屈としてはここまでの例でもわかると思います。スポンサーリンクtypeof演算子ちょっと違った演算子のtypeof演算子を見てみましょう。typeof演算子は、変数のデータ型を返す演算子です。上の例を使って次のようなコードで見てみましょう。'花子は太郎より歳上です。'花子は太郎より歳上です。x);cosole.log()を使ってtypeofに続けて、変数などを入れて表示してみます。これを実行すると次のようにJavaScriptコンソールに表示されます。コンソール部分だけ表示しています。最初のものは論理演算子のところで扱ったものですから、真偽型のbooleanと表示されています。2つ目は、数字が入っている変数でしたので、数値型のnumberが表示されています。3つ目は文章を入れてみました。これは文字列型のstringと表示されています。最後は、変数xを宣言しましたが、何も代入していないので未定義のundefinedが表示されています。四則演算には計算の優先順位があるように、演算子にも優先順位があります。複数の演算子の組み合わせでどうなるのか見てみましょう。adultAge;console.log(isAdultAge);今年から太郎さんの生まれ年を引くと太郎さんの年齢になります。その年齢が成人年齢の18歳(と、選挙の投票年齢が変わったのこうします)以上であるかどうかの判定をしています。実行すると、コンソールにはtrueと表示されますが、こうなるのは自明ではあると思います。adultAge」で計算されているということです。このように、演算子には組み合わせによって計算の優先順位が変わって来ます。今、説明でカッコ()を使ってグループ化しましたが、このグループ化が一番優先されます。グループ化の例を一つ見ておきましょう。31.5console.log(average);同じような内容のコードですが、最後に太郎と花子の平均年齢を表示するようになっています。二人の年齢を加えるのにグループ化しています。通常の計算と同じように、こちらを先に計算して2で割っています。このカッコがなければ、花子の年齢を2で割った後に、太郎の年齢を足してしまうというおかしな計算になってしまいます。実行結果は表示させませんが、31.5になるはずです。次のように複数に割り当てるとどうなるでしょうか。41変数を2つ宣言しています。9」を代入しています。9」となり、「41」となってyに代入し、そしてxに代入されるということになります。41」と表示されるはずです。このコードに、次のように加えてみましょう。5;console.log(x);x--;console.log(x);変数xについて、他の演算子を試しています。それぞれ、右側に示したものと同じ意味です。x-1上二つは代入演算子に含まれるものです。3つ目はデクリメントで1を減算したものを代入する処理になっています。1を加算したものを代入する「x++」をインクリメントといいます。実行するとこうなります。上から順に計算されているのがわかります。演算の優先順位については、MDNのサイトにまとめの表があります。演算子の優先順位は、演算子が評価される順番を決定します。高い優先順位の演算子は最初に評価されます。developer.mozilla.org様々な演算子と共に20段階に分類されています。経験的にわかるものも多いと思いますが、一度見ておくのもいいでしょう。スポンサーリンクまとめJavaScriptの演算子について、全てに触れてはいませんが概要を見て来ました。日常の計算と同じものも多いので直感的にわかる部分も多いはずです。変わった演算子なども他にありますが、それらは今後その都度出てきたところで扱おうと思います。演算子の優先順位にも注意しておきましょう。無名関数)JavaScriptの基本的な概念の一つである関数について、function命令で定義するものとは別に関数リテラル表現で定義する方法を扱います。関数リテラルは文字列や数値と同じように扱うことができます。関数名を宣言せずに定義するが特徴です。applyメソッドJavaScriptのメソッドのbind、call、applyについて扱います。これらは関数を呼び出すことができるメソッドといえるもので、関数内のthisキーワードが渡されたオブジェクトに紐づけて処理することができる機能になります。2019.06.13JavaScript【JavaScript】クロージャJavaScriptのクロージャについて扱います。クロージャはローカル変数を参照している関数内関数ということになりますが、クロージャで返された匿名関数が引き続きローカル変数を保持しているので、その間は独立して利用することができます。2019.06.05JavaScript【JavaScript入門】JavaScriptを始めよう!実行環境構築とコンソール表示JavaScriptは軽量なクロスプラットフォームのオブジェクト指向プログラミング言語です。近年、サーバーサイドでも利用され、Web開発に重要な言語となっています。ここでは実行環境の構築し、JavaScriptコンソールで結果を確認します。Function)の定義について扱います。アロー関数を使うと、匿名関数(関数リテラル)の処理の表記を矢印(=>)でシンプルに記述することができ、ES5よりもコードがスッキリします。6(ES6)について、ここでは変数宣言のletとconstについて扱います。constは定数で変更不可、letは変数の重複を許さずブロックスコープで参照するという特徴があります。Scriptでの開発で承認が必要の表示。notebookの基本的な使い方。【Python】tkinterの使い方入門。Scriptでの開発で承認が必要の表示。notebookの基本的な使い方。【Python】tkinterの使い方入門。open,write,read,with,seekスポンサーリンクタイトルとURLをコピーしました。