MORIAWASE

好きなもの、好きなだけ、盛り合わせ

今日の人気記事です!

組み込みオブジェクト(String・Arrayなど)を教えてみる。

      2016/06/01

さーて、今日もいっちょやりましょうか!javascript講座!講師はもちろんこの僕。

javascriptを覚えたばかりの自称「金の卵」です。

今回のテーマは「組み込みオブジェクト」と呼ばれる、すでに定義されているオブジェクト。ざっくり言うと、プリセットみたいなもんです。

組み込みオブジェクトとは、あらかじめ定義されているオブジェクトのこと。
JavaScriptには、Array、Boolean、Date、Error、Function、Global、JSON、Math、Number、Object、RegExp、Stringなど、数多くの組み込みオブジェクトが用意されている。

引用:組み込みオブジェクト

ドットインストールで登場したものであり、ワードプレスでもよく見かける組み込みオブジェクトを中心に勉強していきましょう!

String

Stringを直訳すると「文字列」となるように、Stringオブジェクトは文字列に関する組み込みオブジェクトです。

「var a = “〇〇”」とか「var b = ‘〇〇’」とか、見たことありませんか?それが文字列です。

基本的な形は、「new String(“〇〇”)」もしくは「new String(‘〇〇’)」となり、new Stringの部分は省略可能です。

 

あとは、普通に処理をすればOKです。例えば、こちらはコンソールに表示する処理。

省略してもOK。

変数に入れて、処理をしてもOK。

すべて結果はこうなります。

string-1

ね?簡単でしょ?もちろん、「length」の他にも、様々なプロパティやメソッドがあります。

(用語とかはよくわからないので、「いろんな処理があるんだ」と覚えればいいと思います。僕はそう覚えてます)

ドットインストールで登場した「replace」なんかは使い勝手がいいと思いますよ。

string-2

Stringについて、もっと詳しく知る

Array

日本語訳では「配列」という意味のArray。基本的な形は「new Array = (◯)」となります。こちらも省略可能で、省略した形は[◯]です。

あれ?この形、前回勉強した「配列」と同じですね。なーんだ!簡単じゃん!

array-1

 

ってことは、さっきみたいな処理もできるのかな?

できちゃった。ものすごく簡単ですね。

 

基本的な形だと、こうなるし…

変数に入れないとこうなるわけか。

 

他の処理もたくさんありますが、ドットインストールで登場した処理をまとめてみました。どれも特に難しいことはやってないですね。

array-3

Arrayについて、もっと詳しく知る

Math

Mathは計算で使う組み込みオブジェクトです。基本的な形は「Math.処理」となり、newの形はありません

こちらも特に難しいことはなく、事務的に覚えても良さそうです。

下記のコードはすべて「Math.処理」を、コンソールに表示しているコードです。

math-1

 

数字が変われば結果が変わるものもあります。

math-2

Mathについて、もっと詳しく知る

Date

文字通り、時間に関する組み込みオブジェクトです。基本的な形は「new Date()」となり、現在、過去、未来の時間を取得することができます。

例えば、現在の日付や時刻を取得してコンソールに表示する場合。コードはこうなります。

当然、こちらも変数に入れて処理することができます。

結果はどちらも同じですね。

date-1

 

また、これまでの組み込みオブジェクト同様、こちらもたくさんの処理が可能です。「こんなことができるんだ」ということだけ覚えればOKですね。

date-2

Dateについて、もっと詳しく知る

まとめ

いかがでしたか?javascriptに対する恐怖心が薄れた感じがしませんか?

正直、組み込みオブジェクトの種類はまだまだあるし、プロパティやメソッドもたくさんあります。でも、今はそれでいいと思います。

「なんか難しそうだなぁ」という意識だけなくなれば、必要になった時に調べることができるので。

標準ビルトインオブジェクト

 

意外に楽しいjavascript。もうそろそろレッスンも終わりかなぁ。寂しいなぁ。

あなたもドットインストールでレッスンしてみませんか?

これは便利すぎる。なぜ今まで使ってなかったんだろうか。 今までコードエディターはMac対応のBrackets(ブラ

 - プログラミング学習

この記事が気に入ったらいいね!しよう

最新情報をお届けします