ค่าเท็จทั้งหมดใน JavaScript

อะไรคือค่าใน JavaScript ที่มี 'falsey'หมายความว่าพวกเขาประเมินเป็นเท็จในการแสดงออกเช่นif(value), value ?และ!value?

มีการอภิปรายบางอย่างเกี่ยวกับจุดประสงค์ของค่าความผิดพลาดใน Stack Overflow แล้วแต่ไม่มีคำตอบที่ครบถ้วนสมบูรณ์ที่แสดงรายการว่าค่าความผิดทั้งหมดเป็นอย่างไร

ฉันไม่พบรายการที่สมบูรณ์ในการอ้างอิง JavaScript ของ MDNและฉันรู้สึกประหลาดใจที่พบว่าผลลัพธ์อันดับต้น ๆ เมื่อมองหารายการค่า falsey ที่เชื่อถือได้อย่างสมบูรณ์ใน JavaScript คือบทความในบล็อกซึ่งบางส่วนมีการละเว้นที่ชัดเจน (ตัวอย่างเช่นNaN) และไม่มีรูปแบบใดเช่น Stack Overflow ที่สามารถเพิ่มความคิดเห็นหรือคำตอบอื่นเพื่อชี้ให้เห็นถึงนิสัยใจคอความประหลาดใจการละเว้นความผิดพลาดหรือข้อ จำกัด ดังนั้นมันจึงสมเหตุสมผลที่จะสร้างขึ้นมา

ค่าเท็จใน JavaScript

• false
• ศูนย์ของNumberประเภท0และยัง-0, 0.0และรูปแบบฐานสิบหก0x0( ขอบคุณ RBT )
• BigIntประเภทศูนย์: 0nและ-0n(ใหม่ในปี 2020 ขอขอบคุณ GetMeARemoteJob )
• "", ''และ``- สตริงของความยาว 0
• null
• undefined
• NaN
• document.all (ในเบราว์เซอร์ HTML เท่านั้น)
  • นี่เป็นสิ่งที่แปลก document.allเป็นวัตถุ falsey กับเป็นtypeof undefinedมันเป็นฟังก์ชั่นที่เป็นกรรมสิทธิ์ของ Microsoft ใน IE ก่อน IE11 และถูกเพิ่มเข้าไปในข้อมูลจำเพาะของ HTML ว่าเป็น "การละเมิดข้อกำหนด JavaScript อย่างจงใจ"เพื่อให้เว็บไซต์ที่เขียนขึ้นสำหรับ IE ไม่ได้พยายามที่จะเข้าถึงตัวอย่างเช่นdocument.all.something; มันผิดพลาดเพราะif (document.all)เคยเป็นวิธีที่นิยมใช้ในการตรวจจับ IE ก่อนแสดงความคิดเห็นตามเงื่อนไข ดูทำไมเอกสารเป็นเท็จทั้งหมด สำหรับรายละเอียด

"Falsey" ก็หมายความว่า JavaScript ภายในกลับมาทำงานToBoolean false ToBooleanunderlies !value, และvalue ? ... : ...; if (value)นี่คือข้อมูลจำเพาะอย่างเป็นทางการ (ร่างการทำงานในปี 2020) (การเปลี่ยนแปลงเพียงอย่างเดียวตั้งแต่ข้อกำหนด ECMAscript แรกในปี 1997คือการเพิ่มสัญลักษณ์ของ ES6ซึ่งเป็นความจริงเสมอและBigIntกล่าวถึงข้างต้น:

เปรียบเทียบกับ==(ความเท่าเทียมกันแบบหลวม)

เป็นมูลค่าการพูดคุยเกี่ยวกับการเปรียบเทียบค่าหลวม ๆ==ของปลอมซึ่งใช้ToNumber()และอาจทำให้เกิดความสับสนเนื่องจากความแตกต่างพื้นฐาน พวกเขาได้อย่างมีประสิทธิภาพในสามกลุ่ม:

• false, 0, -0, "", '' ทั้งหมดตรงกันกันด้วย ==
  • เช่นfalse == "", '' == 0และดังนั้นจึง4/2 - 2 == 'some string'.slice(11);
• null, undefined เข้าคู่กับ ==
  • เช่น null == undefinedแต่undefined != false
  • นอกจากนี้ยังเป็นมูลค่าการกล่าวขวัญว่าในขณะที่typeof nullผลตอบแทน'object', nullเป็นไม่วัตถุนี้เป็นปัญหาที่ยาวนาน / มุมแหลมที่ไม่ได้รับการแก้ไขเพื่อรักษาความเข้ากันได้ มันไม่ใช่วัตถุจริงและวัตถุนั้นเป็นความจริง (ยกเว้น "การละเมิดโดยเจตนา" document.allเมื่อใช้งาน Javascript ใน HTML)
• NaN ไม่ตรงกับสิ่งใดด้วย==หรือ===ไม่แม้แต่กับตัวเอง
  • เช่นNaN != NaN, NaN !== NaN, NaN != false,NaN != null

ด้วย "ความเท่าเทียมกันอย่างเข้มงวด" ( ===) ไม่มีการจัดกลุ่มดังกล่าว เท่านั้นfalse === falseเท่านั้น

นี้เป็นหนึ่งในเหตุผลที่ว่าทำไมนักพัฒนาจำนวนมากและคำแนะนำหลายรูปแบบ (เช่นstandardjs ) ชอบและแทบไม่เคยใช้=====

ค่าความจริงที่จริง == false

"Truthy" ก็หมายความว่า JavaScript ภายในกลับมาทำงานToBoolean จาวาสคริปต์ที่ต้องระวัง (และอีกเหตุผลที่ดีที่ชอบมากกว่า): เป็นไปได้ที่ค่าจะเป็นจริง ( ส่งคืน) แต่ก็เป็นไปได้เช่นกันtrue=====ToBooleantrue== false

คุณอาจคิดว่าif (value && value == false) alert('Huh?')เป็นไปไม่ได้ในเชิงตรรกะที่ไม่สามารถเกิดขึ้นได้ แต่จะทำเพื่อ:

• "0"และ'0'- เป็นสตริงที่ไม่ว่างเปล่าซึ่งเป็นความจริง แต่จาวาสคริปต์==จับคู่หมายเลขกับสตริงที่เทียบเท่า (เช่น42 == "42") ตั้งแต่0 == falseถ้า "0" == 0, "0" == false.
• new Number(0)และnew Boolean(false)- พวกเขากำลังวัตถุซึ่งเป็น truthy แต่เห็นค่าของพวกเขาซึ่ง==== false
• 0 .toExponential(); - วัตถุที่มีค่าตัวเลขเทียบเท่า 0
• สิ่งปลูกสร้างที่คล้ายกันใด ๆ ที่ให้คุณค่าที่เท่าเทียมกับคุณในประเภทที่เป็นความจริง
• [], [[]]และ[0](ขอบคุณcloudfeetสำหรับการเชื่อมโยง JavaScript เท่าเทียมกันตาราง )

บางค่าความจริงเพิ่มเติม

นี่เป็นเพียงค่าเล็กน้อยที่บางคนอาจคาดหวังว่าจะเป็นเท็จ แต่จริง ๆ แล้วเป็นเรื่องจริง

• -1 และตัวเลขลบทั้งหมดที่ไม่เป็นศูนย์
• ' ', " ", "false", 'null'... ทุกสายไม่ว่างเปล่ารวมทั้งสตริงที่เป็นเพียงช่องว่าง

• สิ่งใดจากtypeofซึ่งจะส่งคืนสตริงที่ไม่ว่างเสมอเช่น:

  • typeof null(ส่งคืนสตริง'object' เนื่องจากข้อบกพร่อง / การเล่นโวหารที่ยาวนาน )
  • typeof undefined(ส่งคืนสตริง'undefined')

• วัตถุใด ๆ (ยกเว้นว่า "การละเมิดโดยเจตนา" document.allในเบราว์เซอร์โปรดจำไว้ว่าnullไม่ใช่วัตถุจริงๆแม้จะtypeofแนะนำเป็นอย่างอื่น) รวมไปถึง:

  • {}
  • []
  • function(){}หรือ() => {}(ฟังก์ชั่นใด ๆ รวมถึงฟังก์ชั่นที่ว่างเปล่า)
  • Error และตัวอย่างของ Error
  • นิพจน์ทั่วไปใด ๆ
  • สิ่งที่สร้างด้วยnew(รวมถึงnew Number(0)และnew Boolean(false))
• สัญลักษณ์ใด ๆ

true, 1, "1"และ[1]ผลตอบแทนtrueเมื่อเทียบกับคนอื่น ๆ ==ด้วย

อย่าลืมสตริง"false"ที่ไม่ว่างซึ่งประเมินค่าtrue

เพียงแค่เพิ่มในรายการค่าเท็จของ @ user568458:

• นอกเหนือจากเลขจำนวนเต็ม 0 แล้วเลขทศนิยม 0.0, 0.00 หรือตัวเลขใด ๆ ที่เป็นศูนย์จะเป็นค่าที่ไม่แน่นอน

  var myNum = 0.0;
  if(myNum){
      console.log('I am a truthy value');
  }
  else {
      console.log('I am a falsy value');
  }

  ตัวอย่างโค้ดด้านบนจะพิมพ์ I am a falsy value

• การแทนค่าเลขฐานสิบหกในทำนองเดียวกันของจำนวน 0 ก็เป็นค่าที่ไม่ถูกต้องตามที่แสดงในตัวอย่างโค้ดด้านล่าง:

  var myNum = 0x0; //hex representation of 0
  if(myNum){
      console.log('I am a truthy value');
  }   
  else {
      console.log('I am a falsy value');
  }

  รหัสข้างต้นอีกครั้ง snippet I am a falsy valueพิมพ์

นอกเหนือจากหัวข้อในฐานะของ ES2020 เรามีค่าใหม่ซึ่งเป็นเท็จมันเป็น BigInt ศูนย์ (0n):

0n == false // true
-0n == false // true

ดังนั้นด้วยเหตุนี้เราจึงมีค่ารวม 7 "เท็จ" (ไม่รวม document.all ตามที่ผู้ใช้ข้างต้นกล่าวถึงเนื่องจากเป็นส่วนหนึ่งของ DOM ไม่ใช่ JS)