はるとブログ プログラミング・AIイラスト・英語などについて情報発信しています
Nulish coalescing (ヌリッシュ コアレッシング) とは新しくJavaScriptに導入されたoperatorで、 ?? です。 ?? の左側が null または undefined の場合は、右側に書かれたものをデフォルト値として使います。 ちなみに、null と undefined をまとめてnullish valueといいます。 何言ってるかよくわからないと思うので、早速例で […]
Optional chaining とは オブジェクトに特定のプロパティが存在するかどうかあやしいときには、Optional chainingというものが使えます。 たとえば、 const user = { details: { name: { firstName: "Sam" } }, data: null } というオブジェクトがあったとします。 しかし、あなたはuserというオブジェクトの中 […]
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 […]
