JavaScript– tag –

[JavaScript] default export vs named export pos cons

[JavaScript] Math.log10。こちらの2つの桁数を数える関数。どちらが効率的か、という話 こちらの関数 const findNumbers = function(nums) { let evenDigitCount = 0; for (let num of nums) { let digitCount = Math.floor(Math.log10(num)) + 1; if (di...

[JavaScript] 0から始まらない整数に対してtoString(2)を与えるとエラー「Uncaught SyntaxError: Invalid or unexpected token」 000000050.toString(2) を実行すると、結果は文字列 '101000' になります。 これは、10進数の50を2進数表現で表し...

【JavaScript】オープン・クローズドの原則(OCP)を意識して書く Open/Closed Principle (OCP) オープン・クローズドの原則(OCP) As stated by Bertrand Meyer, "software entities (classes, modules, functions, etc.) should be open for extension...

How to dom operation using ES6 class (fade in and fade out, button implementation) bind funciton to addEventListener

If you're using JQuery just wanting to implement fade-in fade-out, try this. giving 400ms of transition

【JavaScript】Return a property only if some value is true For example, if you want to add and return a property only if some value is true, You can write simply by evaluating only the relevant part. Use case is setState((draftState) =&g...

「画像を押すと開いたり閉じたりするにはどうしたらいいのですか?」 1on1で生徒さんからという質問をいただいたので

leetCode分かる日記(1) xor-operation-in-an-array 今日はこれ https://leetcode.com/problems/xor-operation-in-an-array/ まいにちコツコツやってこ const f = (n, start) => { let num = 0 for(let i = 0; i < n; i++){ num = num ^ start + 2*i ...

【JavaScript】タイピングゲームで使うと良いかもしれないコード 塾生のやすさんから タイピングゲームを作っているのでレビューをしてほしいと 言われて コード見てみました 彼はkeyを打つたびにfor文で回していましたが そうではなくてfindIndexを使うよ...

【JavaScript】JavaScript文脈の「stack overflow」とは([JavaScript] What is "stack overflow" in JavaScript context?) stackについて調べていたらstack overflowという言葉に出会しました。 ぼんやり知っていたのですが、今回改めて深く理解しようと努...

【JavaScript & TypeScript】bigint型とは(rounding errorと丸め誤差とは) bigint型の説明の前にrounding errorと丸め誤差について   丸め誤差とは 丸め誤差とは1.9という数値を四捨五入や端数切り捨てをする(丸める、roundingする)際にでた0.1や...

JavaScript問題集を更新しました(ECMAScript2020) 結構日を開けてしまった。1ヶ月毎ぐらいに更新したい。 2020年6月からECMAScript2020の仕様にのるらしいが TypeScript3.7の方では実装されているやつ。 Chrome80から(最新ならok)ならECMAScript2020をコン...

TypeScript x React 今またTypeScript熱がある。 今パッケージのアップデートをやっていて3.7.2から3.8.3へ移行したPRを投げている。 一方、家では、 今まで知らなかったTypeScriptのことを知りたくて いろいろ読みあさっている。 https://www.udemy.com/c...

【JavaScript Tips】Date型で1970年以前の年月日の作り方 このこと。バグ対応したのでその時初めて知った... from new Date(1950) to new Date("1950") or new Date("1950-1-1")

【 JavaScript Tips】「ある値がfalsyだった場合、keyすら作らないオブジェクトを返す」端的な記述 オレンジ In JavaScript, "A function that returns an object that does not even produce a key if a value is falsy" brief description   JavaSc...

【Ramda/js】関数型Ramdaのざっくりな使い方まとめ Ramdaの公式ドキュメントで動きはわかるのですが、 ざっくり伝えられている記事がないようなので、 主要なものだけ書きました。 なぜRamdaなのかはこちら(Lo-Dashとの比較箇所とか) ドキュメントのシグネ...

Ramda.jsの記号(シグネチャ)の読み方 Ramda.jsのドキュメントに登場する関数のシグネチャ表記。 自分自身この関数型表記に馴染みがなくて、日本語記事もなかったので書こうと思いました。 参考 https://sanctuary.js.org/#types https://stackoverflow.com...

prototypeと__proto__の違い等「JavaScript問題集更新しました」 class構文を使うにあたって内部でどのような継承の仕方をしているのかちゃんと理解する必要がありました。 今回はちょっと自分自身説明ができなかったところを。。 以下の問題を含む5つほど...

【JavaScript】JavaScript問題集を更新しました ・更新内容 カリー化などについて 元記事はこちら ・一部 全ての問題はこちら JavaScript問題集 他のjavascript記事へ TOPページへ 全記事リンク集 instagram Twitter Qiita github Youtube凝視おじさん