はるとブログ プログラミング・AIイラスト・英語などについて情報発信しています
Objectのkeyを抽出するには、Object.keys()を使います const settings = { theme: "Dark", version: "2.4.1", beta: false }; const keys = Object.keys(settings); console.log(keys); // ["theme", "version", "beta"] Object.ke […]
Array destructuring const dimensions = [20, 5] // create variables const [width, height] = dimensions; // log them console.log(width); //20 console.log(height); //5 [20, 5]という配列から、widthに20、heightに5が格納 […]
足し算の例 const grades = [10, 15, 5]; const sum = grades.reduce((total, current) => { return total + current; }, 0); 掛け算の例 const numbers = [5, 2, 10]; const result = numbers.reduce((total, current) =&g […]
Array of object : const users = [{ id: 1, name: "Sakura Miko" }, { id: 2, name: "Usada Pekora" }]; Convert to DOM : const html = `<ul> ${users.map(user => `<li>${user.name}</l […]
JavaScriptでstring（文字列）をarray（配列）に変換するには、String.split(separator)が使えます。 let apps = "Calculator,Phone,Contacts"; // これは文字列 let appsArray = apps.split(","); // 上の文字列を,で区切って配列にしてね console.log(appsArray […]
Here is a simple definition. parameter = a variable in a function definition arguments = the data you pass into the method’s parameters function sum(a, b) { return a + b; } 上の関数でa や b がparameter […]
起きた問題 グラフを作成するのに便利なchart.jsを使おうとしたが上手くブラウザに表示されずに、Developer Modeを開くと “ReferenceError: Chart is not defined” というエラーが出たときの対処法を記します。 結論としては、htmlファイル内でmain.jsより上にchart.jsを読み込めば解決しました。 <scri […]
WEBページを作成中にCSSやJavaScriptを更新しサーバーに置いたにもかかわらず、サイトに反映されない！？どうすればいいんだ・・・となったときの対処法です。 ずばり原因は、キャッシュにあります。過去にアクセスしたときの古いCSSやJavaScriptファイルがキャッシュとしてブラウザに保存されており、そっちを読み込んでいるのが原因です。 キャッシュをクリアしてブラウザを更新 […]
slice()ってなに？ JavaScriptで文字列の一部を抽出するmethodが、slice()です。 たとえば、mozillaという文字列からmoだけ取り出したい場合、次のようにコードを書きます。 let str = 'mozilla'; str.slice(0, 2); 1行目は、’mozilla’ という文字列を、strという変数に入れています。 2行目で、 […]
const 再代入できない、再定義できない let 再代入できる、再定義できない var 再代入できる、再定義できる constをまず使いましょう。それでも上手くいかない場合はletを使います。 基本的に、varは使わないようにします。バグの温床になるからです。 参考にしたYouTube
