JavaScript で変数３

　今回は定数と文字列について再確認します。

１　定数

　まずは定数というものを確認します。

HTML（コード入力）

<!DOCTYPE html>
<html>
<head>
    <title>てすと</title>
    <meta charset="UTF-8">
</head>
<body>
    <script>
        let pai = 3.14;
        document.write("<p>" + c + "</p>");
    </script>
</body>
</html>

ブラウザ（実行結果）

てすと

　円周率は３．１４です。
　ところが間違って下記のようにしてしまったら、どうなるのでしょうか。

HTML（コード入力）の一部

let pai2 = 3.14;
pai2 = 3; // 誤った入力
document.write("<p>" + pai2 + "</p>");

ブラウザ（実行結果）

てすと

　上記の例では間違ってpai2 という定数に「3」という数値を入力してしまっています。
　このようなことを防止するためには下記のような方法があります。

HTML（コード入力）の一部

const pai3 = 3.14;
pai3 = 3; // 誤った入力
document.write("<p>" + pai3 + "</p>");

ブラウザ（実行結果）

てすと

　何も出てきません・・・。
　このように const で宣言され「3.14」という値をもっている変数 pai3 に、新たな値「3」を入力しようとしてもエラーとなります。
　このように後からその値を変更できない変数を定数といいます。
　そして、宣言のときに値を設定しなかった場合もエラーとなります。

２　文字列はオブジェクト？

　文字列はビルトインオブジェクトである、String というオブジェクトとして扱えるとのこと。つまり、文字列を自動的に String オブジェクトに変換する仕掛けがあるそうです。
　ところで、オブジェクトとは何だったでしょうか？
　メソッドを実行したり、プロパティの値を参照することができるものでしたね。

３　String オブジェクトのメソッド

　早速、この String で試してみましょう。

HTML（コード入力）の一部

let a = "Goodmorning";
let b = a.toUpperCase();
document.write("<p>" + b + "</p>");

ブラウザ（実行結果）

てすと

　toUpperCase というメソッドにより、「Goodmorning」が「GOODMORNING」になりました。
　変数 a に「Goodmorning」を代入し、その a に toUpperCase というメソッドを使い、その結果を b に代入しています。

　String オブジェクトには、ほかにもメソッドがありますので試してみましょう。

HTML（コード入力）の一部

let c = "GOODEVENING";
let d = c.toLowerCase();
document.write("<p>" + d + "</p>");

ブラウザ（実行結果）

てすと

　今度は逆に、toLowerrCase というメソッドにより、「GOODEVENING」が「goodevening」になりました。

　さらにもうひとつ。指定した１文字を抜き出すメソッドです。

HTML（コード入力）の一部

let e = "あいうえお";
let f = e.charAt(0);
let g = e.charAt(4);
document.write("<p>" + f + "</p>");
document.write("<p>" + g + "</p>");

ブラウザ（実行結果）

てすと

　CharAt メソッドは引数が必要でカッコ内にその位置を指定します。（０文字目からカウントするルールです。）
　文字列「あいうえお」に適用し、結果として０文字目の「あ」が、４文字目の「お」がそれぞれ出力されました。
　なお、意外かもしれませんが、この文字列の操作は実務では結構使うと思います。

４　String オブジェクトのプロパティ

　最後にプロパティも取得してみましょう。文字列の数を取得します。

HTML（コード入力）の一部

let h = "あいうえお";
let i = h.length;
document.write("<p>" + i + "</p>");

let j = "かきくけこ _ 12345";
let k = j.length;
document.write("<p>" + k + "</p>");

ブラウザ（実行結果）

てすと

　上３行の例で、文字列「あいうえお」は５文字ですね。
　この「あいうえお」を h に代入し、その文字列の長さを length プロパティで取得して i に代入、その i を表示しています。

　下３行の例ではちょっとひねってみました。
　見た目では、ひらがな５文字、記号（アンダーバー）１文字、数字５文字に見えますが、よく見ると「こ」と「 _ 」との間、そして「 _ 」と「 1 」との間にスペースがそれぞれあります。
　このプロパティでは、その「スペース」も文字としてカウントされ、「13」という結果が出力されているということですね。

５　次回

　さて、次回からはプログラムが何かを判断するための手法を学びます。

更新記事

『会社四季報 2024年 3集夏号』を読む１１（オリゴマー、エッジＡＩ、ＭＬＣＣ、ジルコニウム、アセチレンガス、ファインケミカル）2024-07-25
『会社四季報 2024年 3集夏号』を読む１０（フラッシュハンドル、自動配膳ロボット、Ｒ－ＳＵＤ、レコメンド機能、マーチャンダイジング、エレクトロニクスガス、コーシャ認証）2024-07-22
『会社四季報 2024年 3集夏号』を読む９（ペロブスカイト太陽電池、プロテイン、銀だこ、尿素ＳＣＲ、エクソソーム）2024-07-19
『会社四季報 2024年 3集夏号』を読む８（ドミナント、ＥＢＩＴＤＡ、ＳＡＦ、消防車、キャンプ用品、ＧＩＧＡスクール、ボウリング場）2024-07-16
『会社四季報 2024年 3集夏号』を読む７（ＭＤ、パーム椰子、ＧＭＳ、ＥＣ、デジタルサイネージ、ハラール認証、ヴィーガンコスメ）2024-07-13
『会社四季報 2024年 3集夏号』を読む６（ＢＩＭ、ＣＭＳ、つけまつげ、ＣＤＭＯ、ＢＮＰＬ、ＥＤＩ、ＣＲＭ）2024-07-10
『会社四季報 2024年 3集夏号』を読む５（アグリゲーション、ＥＭＳ、ＢＰＯ、のれん、カカオ豆、オーツミルク）2024-07-07
『会社四季報 2024年 3集夏号』を読む４（ＳＥＰ、社内起業、ＺＥＰ、ＶＰＰ、ＤＯＥ、バイオセンサー、ＰＢＸ）2024-07-04
『会社四季報 2024年 3集夏号』を読む３（海上油田、シェールオイル、カーボンクレジット、キャッシュフロー経営、軽量気泡コンクリート、医療観光、洋上風力発電）2024-07-01
テーマ株投資（５か月）2024-06-28
『会社四季報 2024年 3集夏号』を読む２2024-06-25
『会社四季報 2024年 3集夏号』を読む１2024-06-22
JavaScript でDOM ２2024-06-18
JavaScript でDOM １2024-06-14
JavaScript でオブジェクト５2024-06-10
JavaScript でオブジェクト４2024-06-06
JavaScript でオブジェクト３2024-06-02
JavaScript でオブジェクト２2024-05-29
JavaScript でオブジェクト１2024-05-25
JavaScript で関数３2024-05-21
JavaScript で関数２2024-05-17
JavaScript で関数１2024-05-13
JavaScript で配列６2024-05-10
JavaScript で配列５2024-05-07
JavaScript で配列４2024-05-04
テーマ株投資（３カ月目）2024-05-02
JavaScript で配列３2024-04-27
JavaScript で配列２2024-04-24
JavaScript で配列１2024-04-21
JavaScript で「繰り返し」２2024-04-18
『チーズはどこへ消えた？』を読む２2024-04-15
『チーズはどこへ消えた？』を読む１2024-04-11
JavaScript で「繰り返し」１2024-04-07
JavaScript で「もし」３2024-04-01
テーマ株投資（２カ月目）2024-03-29
JavaScript で「もし」２2024-03-28
「記憶」本５冊を読む３2024-03-24
「記憶」本５冊を読む２2024-03-20
「記憶」本５冊を読む１2024-03-17
テーマ株投資（１カ月半）2024-03-15
「睡眠」本６冊を読む３（夜間・朝の行動）2024-03-10
「睡眠」本６冊を読む２（昼間の行動）2024-03-03
テーマ株投資（１か月目）2024-03-01
JavaScript で「もし」１2024-02-29
JavaScript で変数３2024-02-27
「睡眠」本６冊を読む１（理論）2024-02-25
JavaScript で変数２2024-02-23
テーマ株投資（第３週目）2024-02-22
JavaScript でヘンな数2024-02-20
「メモ」本６冊を読む２（メモの方法）2024-02-18
テーマ株投資（第２週目）2024-02-16
JavaScript で足し算2024-02-14
「メモ」本６冊を読む１（メモの意義）2024-02-12
テーマ株投資（第１週目）2024-02-09
JavaScript で「こんにちは世界」2024-02-09
「コーチング」本６冊を読む2024-02-06
はじめてのテーマ株投資2024-02-01
JavaScript とは2024-01-30
「怒り」「アンガーマネジメント」本７冊を読む2024-01-27
JavaScript を始めてみる2024-01-22
初めての自動給水器2024-01-21
「ブランディング」本６冊を読む2024-01-20

手習い日記帳

１　定数

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

２　文字列はオブジェクト？

３　String オブジェクトのメソッド

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

４　String オブジェクトのプロパティ

HTML（コード入力）の一部

ブラウザ（実行結果）

５　次回

カテゴリー

更新記事

タグ

JavaScript で変数３

１ 定数

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

２ 文字列はオブジェクト？

３ String オブジェクトのメソッド

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

４ String オブジェクトのプロパティ

HTML（コード入力）の一部

ブラウザ（実行結果）

５ 次回

カテゴリー

更新記事

タグ

１　定数

２　文字列はオブジェクト？

３　String オブジェクトのメソッド

４　String オブジェクトのプロパティ

５　次回