Array of objectsの例 const tweets = [ { id: 10512, message: "Hello Twitter 👋", stats: { likes: 41, retweets: 54 } }, { id: 41241, message: "How do you keep track of your notes?", stats: { likes: […]
const tweets = [ { id: 1080777336298049537, message: "Hello Twitter 👋", created_at: "2020-01-03 11:46:00" }, { id: 1080777336298195435, message: "How do you keep track of your notes?", created […]
Nullish coalescing と optional chaining の合わせ技を見ていきましょう。 let name = undefined; if (user.details && user.details.name && user.details.name.firstName) { name = user.details.name.firstName; […]
JavaScriptでnullとundefinedの違いとは何でしょうか nullとはpropertyがまだ定義されていないこと undefinedとはpropertyが存在するけれども値がemptyであること です。 例を見てみましょう。 const user = { id: 35, name: SakuraMiko, age: null } console.log(user.age) // n […]
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 […]
