- 2023.02.14
classの例【JavaScript】
// class definition class Person { constructor(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } getFullName() { return `${this.firstName} ${this.lastName}`; } } // class […]
JavaScript
1/2ページ
- 2023.01.23
- Try...catch,
Try…catch 【JavaScript】
コードを書いていてエラーを吐くかもしれない処理を入れ込む場合は、Try…catchを使います。 たとえば、 console.log("Step 1"); エラーを吐きそうな処理 console.log("Step 2"); を実行した場合を考えてみましょう。 もしエラーが発生すると、console.log(“Step 2”)は実行されません。 &n […]
- 2023.01.18
- array, Array of objects, reduce,
Reducing arrays of objects 【JavaScript】
.reduce() method reduce() methodを使うことで、arrayの要素から1つの値を計算します。 reduce() method reduces an array into a single value. よく使われるのは、足し算と掛け算です。 const grades = [10, 15, 5]; const sum = grades.reduce((total, cur […]
- 2023.01.17
- .map, array, Array of objects, CSV, join,
Converting array of objects to CSV (comma-spaced values) 【JavaScript】
Array of objects 次の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 n […]
- 2023.01.16
- .every(), .filter(), .find(), .some(), Array of objects,
Using “array methods” on array of objects 【JavaScript】
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: […]
Transform arrays of objects 【JavaScript】
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 […]
- 2023.01.04
- nullish coalescing, Optional chaining,
Nullish coalescing と optional chaining を合わせて使う【JavaScript】
Nullish coalescing と optional chaining の合わせ技を見ていきましょう。 let name = undefined; if (user.details && user.details.name && user.details.name.firstName) { name = user.details.name.firstName; […]
null と undefined の 違い【JavaScript】
JavaScriptでnullとundefinedの違いとは何でしょうか nullとはpropertyがまだ定義されていないこと undefinedとはpropertyが存在するけれども値がemptyであること です。 例を見てみましょう。 const user = { id: 35, name: SakuraMiko, age: null } console.log(user.age) // n […]
- 2022.12.30
- null, nullish coalescing, undefined,
Nullish coalescing 【JavaScript】
Nulish coalescing (ヌリッシュ コアレッシング) とは新しくJavaScriptに導入されたoperatorで、 ?? です。 ?? の左側が null または undefined の場合は、右側に書かれたものをデフォルト値として使います。 ちなみに、null と undefined をまとめてnullish valueといいます。 何言ってるかよくわからないと思うので、早速例で […]
- 2022.12.27
- object, Optional chaining,
【JavaScript】 Optional chaining – on Object
Optional chaining とは オブジェクトに特定のプロパティが存在するかどうかあやしいときには、Optional chainingというものが使えます。 たとえば、 const user = { details: { name: { firstName: "Sam" } }, data: null } というオブジェクトがあったとします。 しかし、あなたはuserというオブジェクトの中 […]