ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/11/30
NEW
【週刊ドットインストール】 サービス開始12周年!、Tailwind CSS入門リリース、256timesにて回答ボット稼働開始
PREMIUM
【旧版】詳解JavaScript オブジェクト編
JavaScriptの配列、オブジェクト、クラスといった仕組みを使って、複雑なデータを操作する方法を学んでいきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(35)
質問と回答
(200)
未完了
#01 配列を作ってみよう
(02:22)
無料公開中
配列の作り方
length
未完了
#02 配列の要素にアクセスしてみよう
(02:27)
無料公開中
インデックスによるアクセス
constに関する注意点
length
未完了
#03 配列とループ処理を組み合わせよう
(02:49)
無料公開中
for
length
未完了
#04 配列の要素を変更してみよう
(02:32)
無料公開中
unshift()
push()
shift()
pop()
未完了
#05 splice()で配列を変更してみよう
(02:58)
無料公開中
splice()
未完了
#06 スプレッド構文を使ってみよう
(02:30)
スプレッド構文
未完了
#07 分割代入を使ってみよう
(02:51)
分割代入
レスト構文
未完了
#08 forEach()を使ってみよう
(02:24)
for
forEach()
未完了
#09 map()を使ってみよう
(02:07)
map()
未完了
#10 filter()を使ってみよう
(02:39)
filter()
未完了
#11 オブジェクトを作ってみよう
(02:18)
オブジェクトの作り方
未完了
#12 プロパティを操作してみよう
(02:12)
プロパティの取得
プロパティの変更
プロパティの削除
構文の確認
未完了
#13 オブジェクトを操作してみよう
(02:19)
スプレッド構文
分割代入
レスト構文
未完了
#14 Object.keys()を使ってみよう
(02:53)
Object.keys()
配列とオブジェクトの組み合わせ
未完了
#15 変数を代入してみよう
(02:15)
変数の代入
未完了
#16 変数の挙動を理解しよう
(02:47)
変数代入時の挙動の違い
未完了
#17 文字列を操作してみよう
(02:40)
length
substring()
文字へのアクセス方法
未完了
#18 join()、split()を使ってみよう
(02:58)
join()
split()
未完了
#19 数値を操作してみよう
(03:00)
Math.floor()
Math.ceil()
Math.round()
toFixed()
Math.random()
未完了
#20 ランダムな整数値を作ってみよう
(02:49)
0,1,2のランダムな整数値
0,...,nのランダムな整数値
min,...,maxのランダムな整数値
サイコロの実装
未完了
#21 現在日時を扱ってみよう
(02:58)
new Date()
getMonth()
getDate()
未完了
#22 特定の日時を扱ってみよう
(02:43)
setHours()
setDate()
未完了
#23 alert()、confirm()を使ってみよう
(02:05)
alert()
confirm()
未完了
#24 setInterval()を使ってみよう
(02:34)
setInterval()
clearInterval()
未完了
#25 setTimeout()を使ってみよう
(02:28)
setTimeout()
clearTimeout()
未完了
#26 タイマー処理の違いを理解しよう
(01:19)
setInterval()とsetTimeout()の違い
未完了
#27 例外処理を使ってみよう
(02:49)
try...catch
エラー情報の取得
未完了
#28 オブジェクトが複数ある場合を考えよう
(02:12)
複数のオブジェクト
関数による処理
未完了
#29 メソッドを使ってみよう
(02:45)
メソッドの設定
未完了
#30 クラスの概念を理解しよう
(02:32)
クラス
インスタンス
class
constructor()
this
new
未完了
#31 クラスを作ってみよう
(02:25)
class
constructor()
this
new
未完了
#32 カプセル化を理解しよう
(02:58)
プロパティの操作
カプセル化
未完了
#33 静的メソッドを使ってみよう
(01:55)
静的メソッド
static
未完了
#34 クラスを拡張したい場合を考えよう
(02:44)
クラスの拡張
未完了
#35 クラスを継承してみよう
(02:01)
extends
super()
親クラス
子クラス
#01 配列を作ってみよう
コード全体を囲う{}はなぜ必要ですか?
2022年1月27日
#02 配列の要素にアクセスしてみよう
const は再代入不可なのに、scores[2] = 44; のように再代入できるのはなぜですか?
2022年1月27日
コンソールで示される配列の数字と、展開したときの数字が合わない
2022年1月27日
要素の変更をせずに、直接配列の内容を変えてしまえばいいのでは?
2022年1月27日
#03 配列とループ処理を組み合わせよう
i < scores.length; だと、要素の個数より少なく表示されませんか?
2022年6月17日
i が何を意味しているのか教えてください
2022年6月17日
i >= scores.length とした時の挙動について教えてください
2022年1月27日
${ } としても、文字を埋め込むことができません
2022年6月17日
「`」の出し方(WIndowsの場合)がわかりません
2022年1月27日
テンプレートリテラルを使わなくてもいいのでは...?
2022年1月27日
#04 配列の要素を変更してみよう
配列を直接変更するのでなく、push を使う必要があるのはなぜですか?
2022年6月9日
要素を直接操作すればいいのでは?
2022年1月27日
#05 splice()で配列を変更してみよう
splice の要素の追加と削除を同時に行うとはどういうことですか?
2022年1月27日
splice を使用せずに、直接要素を変更してもよいのではないでしょうか?
2022年1月27日
console.logでindexの数字が表示されません
2022年1月27日
#06 スプレッド構文を使ってみよう
スプレッド構文を使用して costs + prices を計算するにはどうしたらいいですか?
2022年2月21日
otherScoresをわざわざ分けるのはなぜですか?
2022年1月27日
sum(otherScores)としたら「10,20undefined」となりました
2022年1月27日
#07 分割代入を使ってみよう
others と ...others を出力したとき結果が違うのはなぜですか?
2022年8月23日
const [a, b, c, d] = scores; と書くのはなぜですか?
2022年2月18日
otherScore や other は自由に名前をつけられるのですか?
2022年1月27日
console.log で表示される数字は配列ですか?
2022年1月27日
分割代入をしたあと、scores に数値が残っているのはなぜですか?
2022年6月20日
[a, b, ...others, c] のような書き方はできますか?
2022年6月20日
スプレッド構文とレスト構文の違いはなんですか?
2022年1月27日
[x, y] = [y, x] の仕組みがよくわかりません
2022年1月27日
定数名に[]が使えるのですか?
2022年1月27日
#08 forEach()を使ってみよう
forEach に渡す関数に名前がないのはなぜですか?
2022年6月22日
なぜ console.log(`Score:${scores}`) ではいけないなのですか?
2022年2月16日
forEach の第三引数は何を受け取るのですか?
2022年1月27日
forEach(() => {}) のカッコの構造がわかりません
2022年6月20日
forEach() で出てくる引数は、変数か定数のどちらですか?
2022年1月27日
forEach() は配列にしか使えないのですか?
2022年1月27日
callback 関数とはなんですか?
2022年1月27日
indexを使わない方法はありますか?
2022年1月27日
MDNを読むのが難しいです
2022年1月27日
「console.log(score);」と「console.log(`${score}`);」の違いは?
2022年1月27日
forEach()とfor()の違いがわかりません
2022年1月27日
関数式内の定数が宣言されていないようですが...?
2022年1月27日
#09 map()を使ってみよう
map と forEach の使い分けを教えてください
2022年11月24日
updatedePrices を無名関数や関数宣言で書き換えることはできますか?
2022年6月20日
= の右側に const ... と定義するのはだめですか?
2022年2月16日
式がどのように処理されていくのかわかりません
2022年1月27日
map を使う際の引数の数が複数になることはありますか?
2022年1月27日
関数を渡す関数とそうでない関数の見分け方は?
2022年1月27日
配列の使いどころがイメージできない
2022年1月27日
price += 20にしなくてもいいのですか?
2022年1月27日
((price)で括弧が二重になっているのはなぜですか?
2022年1月27日
#10 filter()を使ってみよう
アロー関数ではなく if 文の方が読みやすく感じます
2022年7月9日
numbers と number に違いはありますか?
2022年5月19日
どの処理で true や false を返しているのですか?
2022年7月1日
filter に渡しているアロー関数の引数はどんな名前をつけてもいいのですか?
2022年7月1日
意図しない数値が出力されます
2022年1月27日
引数名と定数名は同じでも大丈夫ですか?
2022年1月27日
奇数だけを抽出するにはどうしたらよいですか?
2022年1月27日
filterの引数に()がないのはなぜですか?
2022年1月27日
#11 オブジェクトを作ってみよう
JavaScript のオブジェクトは他の言語でいう辞書型と同じなのでしょうか?
2022年10月28日
console.log(y); で値が表示されないのはなぜでしょうか?
2022年1月27日
オブジェクトのキーは宣言しなくてもよいのですか?
2022年1月27日
オブジェクトのキーは文字列なのでしょうか?
2022年1月27日
#12 プロパティを操作してみよう
console.log(point['y']); の括弧の中はシングルクォーテーションにしなければならない理由はなんですか?
2022年1月27日
オブジェクト自体を上書きすることで y を削除してもよいのですか?
2022年1月27日
#13 オブジェクトを操作してみよう
point.x としてアクセスする場合と、分割代入を使って定数として扱えるようにした場合の違いについて教えてください
2023年4月30日
学んだ文法や構文を実際にどう使うのか知りたいです
2022年2月28日
文字列には必ず ' ' をつけるという決まりなのですか?
2022年2月10日
配列をスプレッド構文でオブジェクトに展開、またその逆はできますか?
2022年1月27日
オブジェクトのキーが数字の場合もありますか?
2022年1月27日
#14 Object.keys()を使ってみよう
オブジェクトの要素の末尾にカンマは付ける必要はないのですか?
2022年1月27日
forEach 文の中で return はどのように使いますか?
2022年1月27日
配列とオブジェクトによる複雑な構造をしたデータの取得方法を教えてください
2022年1月27日
splice() と console.log() の実行順序について教えてください
2022年1月27日
Value: ${point[’key']} と記述すると間違いですか?
2022年1月27日
Keyの中身はなぜ文字列になるのですか?
2022年1月27日
オブジェクトの配列に push や pop は使えますか?
2022年1月27日
括弧の違いについて教えて下さい
2022年1月27日
#15 変数を代入してみよう
VS Code で入力していると出てくる候補を非表示にする方法を教えてください
2022年11月9日
#16 変数の挙動を理解しよう
let y = [...x] としたときの挙動が理解できません
2022年2月28日
配列の変数を別の変数に代入した際の挙動がよくわかりません
2022年1月27日
yの挙動が理解できません
2022年1月27日
#17 文字列を操作してみよう
hello を sub.string(4, 5); すると o が取得されるのはなぜですか?
2022年4月4日
文字列の操作は実際にはどういう場面で使うのでしょうか?
2022年1月27日
「 ll 」を取得するための指定が (2,3) ではなく (2,4) なのはなぜですか?
2022年1月27日
「取得」と「アクセス」の意味の違いはなんですか?
2022年1月27日
#18 join()、split()を使ってみよう
1 文字の変数名を付けても良いのでしょうか?
2022年6月3日
分割代入する理由を教えてください
2022年1月27日
文字列と配列の相互変換はどのようなときに使われますか?
2022年1月27日
#19 数値を操作してみよう
scores.length の length とは何ですか?
2022年2月18日
forEach() には return はつけなくてもいいのですか?
2022年1月27日
scores.length のあとに () をつけないのはなぜですか?
2022年1月27日
for文に書き換えるにはどうしたらいいですか?
2022年1月27日
#20 ランダムな整数値を作ってみよう
サイコロの目が出る確率と異なるのではないですか?
2023年4月30日
1からではなく、4 ~ 10 をランダムで表示させるにはどうすればいいですか?
2022年4月4日
Math.random() が 0 になった時に ceil でも floor でも 0 になるのではないですか?
2022年1月27日
Math.floor(Math.random() * (max + 1 - min)) + min の意味が理解できません
2022年1月27日
Math.random() は引数を受け取りますか?
2022年1月27日
#21 現在日時を扱ってみよう
new Date() と new Date().getTime() の違いを教えてください
2022年9月3日
new Date() は new 演算子を使っているのですか?
2022年9月3日
テンプレートリテラルを使う理由を教えてください
2022年4月4日
getMonth() に + 1 せずに現在の月を取得することはできますか?
2022年7月1日
getTime() で取得した経過時間をUTC基準での日時表記に変換するにはどうすればよいですか?
2022年1月27日
現在日時が日本標準時で表示されるのはなぜ?
2022年1月27日
曜日を漢字で取得できますか?
2022年1月27日
#22 特定の日時を扱ってみよう
get と set の違いを教えてください
2022年9月24日
特定の日時を表すのはどのような場面で使われますか?
2022年3月24日
「オブジェクト」の定義がよくわかりません
2022年1月27日
get がつくメソッドと set がつくメソッドの違いはなんですか?
2022年1月27日
なぜ月は0からカウントするのでしょうか?
2022年1月27日
#23 alert()、confirm()を使ってみよう
true や false を指定していないのに if 文が成り立つのはなぜですか?
2022年7月9日
ダイアログが表示される位置を変更することはできますか?
2022年4月4日
if 文の入れ子での分岐がうまくいきません
2022年1月27日
confirm と if の組み合わせ方について教えて下さい
2022年1月27日
const answer=confirm('削除しますか?') でダイアログが表示されるのはなぜですか?
2022年1月27日
alert() に対して if 文は使えないのですか?
2022年1月27日
「if (answer === true) { ...」と書いてもいいですか?
2022年1月27日
#24 setInterval()を使ってみよう
clearInterval(setInterval(showTime, 1000)); ではなぜ機能しないのですか?
2023年4月15日
ミリ秒ではなく秒で時間の指定はできますか?
2022年12月26日
clearInterval(setInterval(showTime, 1000)) ではダメなのでしょうか?
2022年11月20日
const intervalId = setInterval(showTime, 1000); で行っていることがよくわかりません
2022年6月1日
アロー関数に省略する方法がよくわかりません
2022年5月19日
clearInterval() の仕組みを教えてください
2022年3月24日
let i = 0; ではなく let i = 1; ではダメなのでしょうか?
2022年2月18日
showTime() や setInterval() の仕組みがよくわかりません
2022年1月27日
i はどの段階でプラスされていくのですか?
2022年1月27日
なぜ変数 i が console.log(new Date( )) を実行する回数に結びつくのですか?
2022年1月27日
繰り返し処理の i の数値はどのように管理されているのですか?
2022年1月27日
定義位置について教えて下さい
2022年1月27日
let i = 0はなぜその位置にあるのですか?
2022年1月27日
setIntervalはいつ実行されているのでしょうか?
2022年1月27日
引数のある関数をsetIntervalに渡したい場合は?
2022年1月27日
まだintervalIdが定義されていないのにif文で使えるのはなぜですか?
2022年1月27日
関数の外に書いたり、中に書いたりするときの違いを教えて下さい
2022年1月27日
#25 setTimeout()を使ってみよう
console で確認したところ、timeoutId の値が毎回異なるのはなぜですか?
2023年4月18日
clearTimeout() ではなく clearInterval() を使っても同じ挙動をしました
2022年3月24日
なぜ clearTimeout() が必要なのですか?
2022年3月24日
関数の中に関数があってどういう順番で実行されているのか分かりません
2022年2月28日
なぜ showTime(); が必要なのですか?
2022年1月27日
() と {} の違いはなんでしょうか?
2022年1月27日
i++ は何をしているのですか?
2022年1月27日
setTimeout()を停める方法について教えて下さい
2022年1月27日
timeoutIdはなぜconstで宣言されているのですか?
2022年1月27日
clearTimeoutがどう動作しているのかわかりません
2022年1月27日
#26 タイマー処理の違いを理解しよう
showTime() の実行のタイミングは具体的にいつでしょうか?
2022年1月27日
#27 例外処理を使ってみよう
「.」でつなぐメソッドと、通常のメソッドの概念の違いを教えてください
2022年6月3日
name を配列にした場合に大文字にできません
2022年1月27日
console.log(e) とすると何故エラーメッセージがそのまま表示されるのですか?
2022年1月27日
#28 オブジェクトが複数ある場合を考えよう
( ) の前にスペースを入れる場合とそうでない場合の違いはなんですか?
2022年6月22日
posts[0] を渡した場合、${post.text} には posts[0].text が入っていますか?
2022年1月27日
function show(post) の post は何を表していますか?
2022年1月27日
関数 show() の仮引数名は post でなくてもいいのですか?
2022年1月27日
バッククォートとシングルクォーテーションは何が違うのか?
2022年1月27日
なぜ show(posts[0]) と function show(post) で 引数の名前が違うのですか?
2022年7月7日
テンプレートリテラルで使われている「-」の意味は?
2022年1月27日
#29 メソッドを使ってみよう
「同じオブジェクト内」というのはどういうことですか?
2022年1月27日
show() { 〜 と書くだけで実行できるのはなぜですか?
2022年1月27日
posts[0].show(); で console.log() が実行されるのはなぜですか?
2022年1月27日
functon()の代わりにアロー関数は使えないのでしょうか?
2022年1月27日
#30 クラスの概念を理解しよう
this.text = text; の左右の text はどういう意味を持ちますか?
2022年9月3日
, で区切るときと ; で区切るときの違いを教えてください
2022年6月22日
オブジェクトとクラスの違いがわかりません
2022年6月1日
, (カンマ)をつける時とつけないときの違いはなんですか?
2022年1月27日
メソッドとはなんですか?
2022年1月27日
初期化とはなんですか?
2022年1月27日
constructor()に渡す引数は複数でもいいですか?
2022年1月27日
関数とクラスの違いを教えて下さい
2022年1月27日
コンストラクタの中にメソッドを書いてはいけないのですか?
2022年7月7日
コンストラクタ内でなぜthisをつけるのでしょうか?
2022年1月27日
#31 クラスを作ってみよう
コンストラクタとメソッドの違いを教えてください
2022年11月9日
コンストラクタを複数持つ方法を教えてください
2022年9月3日
posts の中に show() はないのに呼び出せるのはなぜですか?
2022年7月23日
クラス内のメソッドに直接引数は渡せますか?
2022年2月18日
クラス、インスタンス、メソッドの処理の順番を教えてください
2022年1月27日
this.text = text; の this.text と text の違いはなんですか?
2022年1月27日
constructor( ) のカッコの中身は何を表しているのですか?
2022年1月27日
クラスのインスタンスを配列に入れるのはなぜですか?
2022年1月27日
show メソッドはなぜコンストラクタの外で書くのですか?
2022年1月27日
#32 カプセル化を理解しよう
なぜプロパティ名をたくさん書き込むと書き換え漏れのリスクが高いのですか?
2023年4月18日
posts[0].like() を実行したときに post[0].show() も実行されるのは何故ですか?
2022年1月27日
++ でクリックするたびにlikes が増えないのはなぜですか?
2022年1月27日
メソッド名と中身のプロパティ名を同じにすることはできますか?
2022年1月27日
#33 静的メソッドを使ってみよう
静的メソッドはどういうときに使うのですか?
2022年1月27日
Versionにはどういう効果があるのですか?
2022年1月27日
#34 クラスを拡張したい場合を考えよう
new SponsoredPost に引数を 2 つ渡しているのはなぜですか?
2022年7月9日
エラーは出ないのに、 like メソッドを呼び出しても何も表示されません
2022年3月24日
SponsoredPost の部分を変更し、posts[2] で表示しようとしたらエラーになったのはなぜですか?
2022年1月27日
constructor の働きがよくわかりません
2022年1月27日
インスタンスは定数に代入しなければクラスから呼び出せないのですか?
2022年1月27日
...sponsoredはスプレッド構文ですか?
2022年1月27日
#35 クラスを継承してみよう
メソッドを継承しているのに super をつけて呼び出さなくていはいけないのはなぜですか?
2023年2月5日
super() は子クラスで constructor() で別の引数を設定したり、メソッドを拡張したい時などのみにつければ良いのですか?
2022年6月22日
super(text) の text が理解できません
2022年2月28日
クラスのメソッドにはアロー関数を定義することができないのですか?
2022年2月18日
親クラスと同じ変数名だと子クラスの値が優先されるという認識でよろしいでしょうか?
2022年1月27日
posts[2].like(); を呼び出したときになぜ show() が呼び出されるのですか?
2022年1月27日
子クラスでメソッドを拡張ではなく縮小することはできますか?
2022年1月27日
このレッスンの内容は全て覚えたほうがよいですか?
2022年1月27日
インスタンス化すると全てのプロパティ、メソッドが継承されるのですか?
2022年1月27日
最後のlike()について教えて下さい
2022年1月27日
super()としないとthisキーワードが使えない理由は?
2022年1月27日
子クラスのメソッドでsuperを記載しなかった場合の動作は?
2022年1月27日
親クラスは子クラスより先に書かないといけないのですか?
2022年1月27日
リリース情報(note)
『詳解JavaScript オブジェクト編』をリリースしました
関連キーワード
基礎講座
(386)
初心者向け
(379)
HTML
(116)
JavaScript (ES2017)
(36)
ウェブサイト構築
(155)
詳細情報
最終更新日
2019年12月25日
バージョン情報
Chrome 77.0 / Visual Studio Code 1.40.2