Search
🌈 สวัสดีทุกคน !! สวัสดีทุกโพสต์เลยแฮะ 5555555 ซึ่งในโพสต์นี้แอดจะพาทุกคนมาดูการใช้งาน 5 Number Methods เด็ด ๆ ใน JavaScript นั่นเอง
.
🔥 มีตัวไหน และมีวิธีการใช้งานยังไงบ้าง ถ้าพร้อมแล้วไปดูกันเลยจ้าา
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
Hoorayyyy 哈佛推出線上 Computer Science 學習課程！
之前上過哈佛線上免費商業內容，內容非常紮實
自己也要衝了，推薦給大家參考看看。
What you will learn:
☑️A broad and robust understanding of computer science and programming
☑️How to think algorithmically and solve programming problems efficiently
☑️Concepts like abstraction, algorithms, data structures, encapsulation, resource management, security, software engineering, and web development
☑️Familiarity in a number of languages, including C, Python, SQL, and JavaScript plus CSS and HTML
☑️How to engage with a vibrant community of like-minded learners from all levels of experience
☑️How to develop and present a final programming project to your peers
#哈佛佛心內容
#edx數位學習內容
https://www.edx.org/course/cs50s-introduction-to-computer-science
หนึ่งในปัญหาคลาสิก เวลาเขียนโปรแกรมที่ทุกคนต้องเจอเลย
ก็คือการบวกลบเลขทศนิยมในภาษาโปรแกรม ของบางภาษา นี้แหละ
เช่น JavaScript, Python, Perl, C#, C, C++, Java, PHP, Fortran
(และอื่นๆ อีกหลายภาษาที่ไม่ได้กล่าวถึง)
.
หลายครั้งที่มันอาจเพี้ยนได้ เช่น
👉 0.1+0.2 ไม่ได้เท่ากับ 0.3
แต่ได้เป็น 0.30000000000000004
.
👉 หรือ 0.1 บวกกัน 10 ครั้ง ก็ไม่ได้เป็น 1
แต่ได้เป็น 0.9999999999999999
.
คนเขียนโปรแกรมเจอแบบนี้เข้าไป
ก็เหมือนมวยโดนหมัดน๊อคมึนงงในดงโค้ด
:
:
แต่ใช่ว่ามันจะเพี้ยนทุกครั้ง ซะเมื่อไร เช่น
0.5+0.5 = 1 (ถูกต้องเป๊ะ)
0.2+0.3 = 0.5 (บังเอิญไม่เพี้ยน)
.
สำหรับ กรณี 0.2 กับ 0.3 มันถูกตัดเศษเหลือเป็น
0.2000000000000000111022302462515654042363166809082031250
กับ
0.2999999999999999888977697537484345957636833190917968750
พอบวกกันจึงได้ 0.5 พอดี แบบฟลุ๊คๆๆ ซึ่งไม่ควรทำได้
(ตรงสอบดูได้ 0.2+0.3 == 0.5 ได้ค่าออกมาเป็น true)
:
:
สาเหตุที่เป็นเช่นนี้
ก็เพราะว่าคอมพิวเตอร์มันรู้จักแต่ เลขฐาน2 อะนะ
ต่อให้เราเขียนโค้ดใช้เลขฐาน10 ก็ตาม
สุดท้ายเวลาโค้ดมันถูกรัน ก็จะกลายเป็นเลขฐาน 2 อยู่ดี
.
😨 แล้วก็เป็นความซวยที่จะมาเยือนคนเขียนโปรแกรม
เพราะเวลาแปลงเลขฐาน10 ไปเป็นเลขฐาน 2
บางกรณีมันแปลงแล้ว ดันได้ตัวเลขที่ไม่รู้จบเสียด้วยซิ
จึงทำให้การเก็บทศนิยมผิดเพี้ยนไปได้
.
สำหรับรูปแบบการจัดเก็บเลขทศนิยม ในหลายภาษา
เขาจะนิยมใช้มาตรฐาน IEEE-754 floating point
เช่น 0.1 จะถูกมองว่าคือ 1/10
.
เมื่อเก็บเป็นเลขทศนิยมฐานสอง
ตามมาตรฐาน IEEE-754 floating point จะได้เป็น
0.0001100110011001100110011001100110011001100110011...
เป็นทศนิยมไม่รู้จบในรูปเลขฐานสอง ....นี้คือสิ่งที่คอมมองเห็น
.
พอคอมแปลงกลับมาเป็นทศนิยม เพื่อให้มนุษย์โลกอ่านเข้าใจ
ในรูปฐาน 10 ก็จะได้เป็น
0.1000000000000000055511151231257827021181583404541015625
ทว่าคอมมันจะตัดให้เหลือแค่ 0.1 (คนจึงเห็นแค่นี้)
:
🤔 ซึ่งความเพื้ยนแบบนี้
แน่นอนทำให้เกิดบั๊กเวลาคำนวณตัวเลข
- ยิ่งงานต้องการคำตอบที่ละเอียดมาก เช่น งานธนาคาร ก็จะประสบปัญหา เป็นต้น
- หรือเวลานำไปใช้ในเงื่อนไขเปรียบเทียบพวก if, while ฯลฯ ก็อาจมีบั๊กเกิดขึ้นได้ เป็นต้น
.
😀 แต่ไม่ต้องห่วง ในหลายๆ ภาษาเขาจะมีวิธีแก้ปัญหานี้อยู่ครับ
ป้องกันการคำนวณตัวเลข ไม่ให้คลาดเคลื่อน เช่น
- ใน Java ก็จะมีคลาส BigDecimal เอาไว้บวกลบคูณหาร สำหรับเลขทศนิยมโดยเฉพาะ
- ใน Python ก็จะมีคลาสคล้ายๆ กัน เช่น Decimal
- ส่วนใน JavaScript อาจใช้ไลบรารี่ ซึ่งมีให้เลือกเยอะเช่น
https://github.com/MikeMcl/decimal.js/
https://github.com/MikeMcl/bignumber.js/
https://github.com/MikeMcl/big.js/
- ภาษาอื่นที่เหลือลองไปศึกษาเองดูนะครับ
.
.
เรื่องบวกลบคูณหาร เลขทศนิยม ถือเป็นเรื่องสำคัญที่ไม่ควรมองข้าม
โดยส่วนตัวก็เคยเจอความเผลอเรอตรงนี้
ในระดับโปรเจคระดับธนาคาร ก็เคยพลาดมาแล้ว
สุดท้ายต้องมาไล่นั่งแก้โค้ดหลายบรรทัด
เสียเวลานั่งไล่ test ใหม่อีกรอบอีก
.
หมายเหตุเห็นคอมเมนต์สงสัยว่า
PHP กับ C# รอดชะตากรรมเดียวกันไหม ?
ก็บอกว่าไม่รอดครับ
.
// ลองดูตัวอย่างโค้ด C#
Console.WriteLine( ((0.1+0.2) == 0.3)); // False
Console.WriteLine( ((0.1+0.2) == 0.30000000000000004)); // True
// ลองดูตัวอย่างโค้ด PHP
echo number_format(0.1+0.2 , 17);
.
++++++
เขียนโดย โปรแกรมเมอร์ไทย thai programmer
อ่านเรื่อง IEEE-754 floating point ได้ที่
https://th.wikipedia.org/wiki/จำนวนจุดลอยตัว
One of the programming time class issues that everyone needs to encounter.
It's a positive, negative, decimal number in the programming language of some languages.
เช่น JavaScript, Python, Perl, C#, C, C++, Java, PHP, Fortran
(And many other languages not mentioned)
.
So many times it can be crazy like
👉 0.1 + 0.2 is not equal to 0.3
But got to be 0.30000000000000004
.
👉 or 0.1 plus 10 times. It's not 1
But got to be 0.9999999999999999
.
The programmers found this.
It's like boxing. I got a punch. I'm confused in the code.
:
:
But it's not crazy every time.
0.5 0.5 0.5 0.5 1 (Exactly correct)
0.2 0.2 0.3 0.3 0.5 (accidentally not crazy)
.
For 0.2 and 0.3 cases, it was cut as debris.
0.2000000000000000111022302462515654042363166809082031250
With
0.2999999999999999888977697537484345957636833190917968750
Let's be positive. I got 0.5 fits. Fluke which I shouldn't do.
(I can see the exam. 0.2 + 0.3 == 0.5 I got the value to be true)
:
:
The cause is like this
It's because computer only knows the base number 2
Even if we write code, use base number 10
Finally, when the code is run, it will become the base number 2 anyway.
.
😨 and it's bad luck to visit the programmers.
Because time converts base number 10 to base number 2
In some cases, it's converted. I get an endless number.
So that the decimal collection is wrong.
.
For decimal numbers storage in multiple languages
He will be popular with IEEE-754 floating point standards.
For example, 0.1 will be seen as 1/10
.
When it's kept as a decimal number, binary digits.
According to IEEE standards-754 floating point will be.
0.0001100110011001100110011001100110011001100110011...
It's an endless decimal in the second base number.... This is what the computer sees.
.
When the computer comes back to a decimal, so that the world can read and understand.
In the base photo, 10 will be.
0.1000000000000000055511151231257827021181583404541015625
But the computer will cut it down to 0.1 (that's all I see)
:
🤔 This kind of friendship
Definitely make a time bug. Calculates numbers.
- The more jobs require a detailed answer, such as banking job, the problem is etc.
- or time to apply in comparison terms. If, while etc, there may be a buck happening. etc.
.
😀 But don't worry. In many languages, there will be a solution to this problem.
Prevent calculation of numbers from discrepancy, e.g.
- In Java, there will be a BigDecimal class. Plus, multiply, multiply for decimal numbers.
- In Python there are similar classes like Decimal
- Parts in JavaScript may use a lot of library to choose from, e.g.
https://github.com/MikeMcl/decimal.js/
https://github.com/MikeMcl/bignumber.js/
https://github.com/MikeMcl/big.js/
- Other languages. Let's study it yourself.
.
.
A positive, multiply, digging, decimal numbers are important things that shouldn't be overlooked.
Personally, I have experienced the accident.
Bank level project. I have already missed it.
Finally, I have to sit and solve many lines of code.
Waste of time. Sit to chase the new test again.
.
Note, see comments, wonder if
PHP and C #survive the same fate?
I told you that you won't survive.
.
// Check out the C code trailer #
Console.WriteLine( ((0.1+0.2) == 0.3)); // False
Console.WriteLine( ((0.1+0.2) == 0.30000000000000004)); // True
// Check out the PHP code trailer
echo number_format(0.1+0.2 , 17);
.
++++++
Written by Thai programmer thai coder
Read IEEE-754 floating point at
https://th.wikipedia.org/wiki/จำนวนจุดลอยตัวTranslated
お客様の中にJavaScriptに詳しい方はいらっしゃいませんか？
セレクトボックスの選択肢の配列を切り替える方法がワーカリーマセーン
よってフェス用ステージと通常ステージの切り替えにはツールの再起動を要します。悪しからず
~~~~~~~~~~~~ 日本語 / Japanese ~~~~~~~~~~~~
＜ ご挨拶 ＞
初めまして。ヨージです。アメリカに住んでいる純日本人です。
主にスコープ付きチャージャーを使います。
【フレンドコード】： SW-3516-9899-0870
* フレンド申請を送ったら”必ず”Switchで使っているお名前を教えて下さい！
* たまにフレンド整理が必要な時がありますが、消去されても次に遊ぶ時にまた送ってくだされば幸いです。
＜ 配信について ＞
気分に合わせてレギュラー、リグマやレーティングプラベをやります。
まれにサモランもやります。たつじん限定でおねがいします。
レギュラーマッチ以外は人数が多ければ交代などしていきます。
【パスワード（リグマとサモラン）】： 3745
# レーティングプラベについて
可能な限りウデマエ差をなくしてチーム分けを行うプラベです。
もっと詳しい説明などはプラベ開催時に行います。
【パスワード（プラベ専用）】： 0541
* いずれかのルールのウデマエがB-以上の方限定です。
* 初参戦時、過去に到達した一番高いウデマエを教えて下さい。
XならXパワー、S+ならその後の数字も一緒に教えて下さい。
* 初参戦後にウデマエを更新した場合は報告してください。
* 武器編成は真面目に頼みますよ！譲り合いは平和の象徴です。
＜ 決まりごと ＞
# ざっくりなルール
* 暴言・煽りはそっちの自由。だが、裁くのはこっちの自由だ。
* （回線落ちなどで）他人に迷惑を掛けたら謝りましょう！幼稚園で習いましたよね。
* 英語圏リスナーさんのチャットの翻訳は受け付けておりません。
例外として、伝える必要がある内容だと判断した場合は自発的に翻訳します。
* ナワバリ合流時に連続で待機になったり、レーティングプラベの準備に時間が掛かっても忍耐強く待てるリスナーさんは理想的です！
* 人数合わせが大変なので、リグマやプラベを抜ける際は一言下さい。
可能であれば前もって言ってくださるととても助かります。
* 不良ではないのでタイマンはしません。大人なのでかくれんぼもできません。
# 禁止事項
ここに書かれていないことでも一度注意されたら辞めてもらえると助かります。
* 放置や意図的な回線切断
* 裏部屋の作成・やり取り
* 他プレイヤーに対する指示
* 自分や他人の個人情報の開示
* 個人的なネガティブな話
* リスナー同士の他人が混ざれない会話
* 似た・同じ内容の発言の繰り返し
* 宣伝・売名行為
* その他公序良俗に反する発言
それでは、健闘を祈る！
~~~~~~~~~~~~ English / 英語 ~~~~~~~~~~~~
{ Greeting }
Hello. My name is Youji. I'm full Japanese who living in U.S. Nice to meet you. I use chargers at most of the time.
[My Friend Code] SW-3516-9899-0870
* If you sent a friend request, you MUST tell me your name on Switch!
* I need to organize my friends sometimes, but you may resend it when you play next time.
{ About Stream }
I play regular, league or rating private mainly. I play salmon occasionally with Profreshional only. We’ll take turns if there are many players who want to join.
[Password (league or salmon]: 3745
# About Rating Private
It;’s a special private battle that makes no rank gaps between the both team. I’ll explain the detail when we actually playing it.
[Password (only for private)] 0541
* You must be at least B- for any of the rules.
* Tell me what was your highest rank in the past. Tell me your X Power or a number among S+ if applicable.
* If you raised your rank after the last time you played this, tell me.
* Please be serious to choose your weapon. The concession is very important for a peaceful stream.
{ Rules }
# General
* It’s your choice to disrespect others or squidbagging, but it’s my choice to penalize you.
* If you annoy others (eg. disconnect), it’s a manner to apologize. I assume you already learned that at kinder garden.
* It’s helpful if you say you want to leave in advance when we playing league, salmon or private.
# Prohibitions
Please watch out your actions even it’s not wrote on here if I warned you.
* AFK while playing the game / Disconnect on purpose
* Telling others what to do
* Telling your or others’ personal information
* Talking about your personal negative stories
* Talking to other viewers about personal topics that no one else can join
* Posting the same or similar message over and over
* Advertising
* Any other inappropriate talks
Have a good luck!
~~~~~~~~~~~~ アドバタイズ / Advertise ~~~~~~~~~~~~
このチャンネルのメンバーになるには下のURLにアクセスすればいいかもよ。
You can join as a member from the link below.
https://www.youtube.com/channel/UC8UO9XDFb2MedQFptOBUlIw/join
Twitch
メイン配信サイト。ワンピースの世界ではラフテルと呼ばれる。
My main streaming platform. The final destination for all of my viewers.
https://www.twitch.tv/youjiman
Twitter (JPN)
誰か分かる人ならフォロー返しするかもよ。
https://twitter.com/youjiman
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#NintendoSwitch#スプラトゥーン2#Splatoon2#視聴者参加型#PlayingwithViewers
Support the stream: https://streamlabs.com/youjiman
お客様の中にJavaScriptに詳しい方はいらっしゃいませんか？
セレクトボックスの選択肢の配列を切り替える方法がワーカリーマセーン
よってフェス用ステージと通常ステージの切り替えにはツールの再起動を要します。悪しからず
~~~~~~~~~~~~ 日本語 / Japanese ~~~~~~~~~~~~
＜ ご挨拶 ＞
初めまして。ヨージです。アメリカに住んでいる純日本人です。
主にスコープ付きチャージャーを使います。
【フレンドコード】： SW-3516-9899-0870
* フレンド申請を送ったら”必ず”Switchで使っているお名前を教えて下さい！
* たまにフレンド整理が必要な時がありますが、消去されても次に遊ぶ時にまた送ってくだされば幸いです。
＜ 配信について ＞
気分に合わせてレギュラー、リグマやレーティングプラベをやります。
まれにサモランもやります。たつじん限定でおねがいします。
レギュラーマッチ以外は人数が多ければ交代などしていきます。
【パスワード（リグマとサモラン）】： 3745
# レーティングプラベについて
可能な限りウデマエ差をなくしてチーム分けを行うプラベです。
もっと詳しい説明などはプラベ開催時に行います。
【パスワード（プラベ専用）】： 0541
* いずれかのルールのウデマエがB-以上の方限定です。
* 初参戦時、過去に到達した一番高いウデマエを教えて下さい。
XならXパワー、S+ならその後の数字も一緒に教えて下さい。
* 初参戦後にウデマエを更新した場合は報告してください。
* 武器編成は真面目に頼みますよ！譲り合いは平和の象徴です。
＜ 決まりごと ＞
# ざっくりなルール
* 暴言・煽りはそっちの自由。だが、裁くのはこっちの自由だ。
* （回線落ちなどで）他人に迷惑を掛けたら謝りましょう！幼稚園で習いましたよね。
* 英語圏リスナーさんのチャットの翻訳は受け付けておりません。
例外として、伝える必要がある内容だと判断した場合は自発的に翻訳します。
* ナワバリ合流時に連続で待機になったり、レーティングプラベの準備に時間が掛かっても忍耐強く待てるリスナーさんは理想的です！
* 人数合わせが大変なので、リグマやプラベを抜ける際は一言下さい。
可能であれば前もって言ってくださるととても助かります。
* 不良ではないのでタイマンはしません。大人なのでかくれんぼもできません。
# 禁止事項
ここに書かれていないことでも一度注意されたら辞めてもらえると助かります。
* 放置や意図的な回線切断
* 裏部屋の作成・やり取り
* 他プレイヤーに対する指示
* 自分や他人の個人情報の開示
* 個人的なネガティブな話
* リスナー同士の他人が混ざれない会話
* 似た・同じ内容の発言の繰り返し
* 宣伝・売名行為
* その他公序良俗に反する発言
それでは、健闘を祈る！
~~~~~~~~~~~~ English / 英語 ~~~~~~~~~~~~
{ Greeting }
Hello. My name is Youji. I'm full Japanese who living in U.S. Nice to meet you. I use chargers at most of the time.
[My Friend Code] SW-3516-9899-0870
* If you sent a friend request, you MUST tell me your name on Switch!
* I need to organize my friends sometimes, but you may resend it when you play next time.
{ About Stream }
I play regular, league or rating private mainly. I play salmon occasionally with Profreshional only. We’ll take turns if there are many players who want to join.
[Password (league or salmon]: 3745
# About Rating Private
It;’s a special private battle that makes no rank gaps between the both team. I’ll explain the detail when we actually playing it.
[Password (only for private)] 0541
* You must be at least B- for any of the rules.
* Tell me what was your highest rank in the past. Tell me your X Power or a number among S+ if applicable.
* If you raised your rank after the last time you played this, tell me.
* Please be serious to choose your weapon. The concession is very important for a peaceful stream.
{ Rules }
# General
* It’s your choice to disrespect others or squidbagging, but it’s my choice to penalize you.
* If you annoy others (eg. disconnect), it’s a manner to apologize. I assume you already learned that at kinder garden.
* It’s helpful if you say you want to leave in advance when we playing league, salmon or private.
# Prohibitions
Please watch out your actions even it’s not wrote on here if I warned you.
* AFK while playing the game / Disconnect on purpose
* Telling others what to do
* Telling your or others’ personal information
* Talking about your personal negative stories
* Talking to other viewers about personal topics that no one else can join
* Posting the same or similar message over and over
* Advertising
* Any other inappropriate talks
Have a good luck!
~~~~~~~~~~~~ アドバタイズ / Advertise ~~~~~~~~~~~~
このチャンネルのメンバーになるには下のURLにアクセスすればいいかもよ。
You can join as a member from the link below.
https://www.youtube.com/channel/UC8UO9XDFb2MedQFptOBUlIw/join
Twitch
メイン配信サイト。ワンピースの世界ではラフテルと呼ばれる。
My main streaming platform. The final destination for all of my viewers.
https://www.twitch.tv/youjiman
Twitter (JPN)
誰か分かる人ならフォロー返しするかもよ。
https://twitter.com/youjiman
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#NintendoSwitch#スプラトゥーン2#Splatoon2#視聴者参加型#PlayingwithViewers
Support the stream: https://streamlabs.com/youjiman
... <看更多>
A proposal to add numeric literal separators in JavaScript. - GitHub - tc39/proposal-numeric-separator: A proposal to add numeric literal separators in ... ... <看更多>
javascript number 在 JavaScript Number 的推薦與評價
Besides the primitive number type, JavaScript also provides the Number reference type for numeric values. ... This example defined a numberObject with a numeric ... ... <看更多>