วิธีการจำนวน JavaScript

สารบัญ

แสดงสารบัญ

วิธีการจำนวน JavaScript

วิธีตัวเลขเหล่านี้สามารถใช้ได้กับหมายเลข JavaScript ทั้งหมด:

toString(): ส่งกลับตัวเลขเป็นสตริง
toExponential(): ส่งกลับตัวเลขที่เขียนในรูปแบบเลขชี้กำลัง
toFixed(): ส่งกลับตัวเลขที่เขียนด้วยทศนิยมจำนวนหนึ่ง
toPrecision(): ส่งกลับตัวเลขที่เขียนด้วยความยาวที่ระบุ
ValueOf(): ส่งกลับตัวเลขเป็นตัวเลข

วิธีการ toString()

toString() วิธีการส่งกลับตัวเลขเป็นสตริง

วิธีตัวเลขทั้งหมดสามารถใช้ได้กับตัวเลขประเภทใดก็ได้ (ตัวอักษร ตัวแปร หรือนิพจน์):

ตัวอย่าง

let x = 123;
x.toString();
(123).toString();
(100 + 23).toString();

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Methods</h2>

<p>The toString() method converts a number to a string.</p>

<p id="demo"></p>

<script>
let x = 123;
document.getElementById("demo").innerHTML =
  x.toString() + "<br>" +
   (123).toString() + "<br>" +
   (100 + 23).toString();
</script>

</body>
</html>

วิธีการ toExponential()

toExponential() ส่งคืนสตริง โดยมีตัวเลขปัดเศษและเขียนโดยใช้สัญลักษณ์เอ็กซ์โพเนนเชียล

พารามิเตอร์กำหนดจำนวนอักขระหลังจุดทศนิยม:

ตัวอย่าง

let x = 9.656;
x.toExponential(2);
x.toExponential(4);
x.toExponential(6);

พารามิเตอร์เป็นทางเลือก หากคุณไม่ระบุ JavaScript จะไม่ปัดเศษตัวเลข

วิธีการ toFixed()

toFixed() ส่งคืนสตริงพร้อมตัวเลข เขียนด้วยจำนวนที่ระบุของ ทศนิยม:

ตัวอย่าง

let x = 9.656;
x.toFixed(0);
x.toFixed(2);
x.toFixed(4);
x.toFixed(6);

toFixed(2) เหมาะสำหรับการทำงานเกี่ยวกับเงิน

วิธีการ toPrecision()

toPrecision() ส่งคืนสตริงโดยมีตัวเลขเขียนด้วย ความยาวที่ระบุ:

ตัวอย่าง

let x = 9.656;
x.toPrecision();
x.toPrecision(2);
x.toPrecision(4);
x.toPrecision(6);

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Methods</h2>

<p>The toPrecision() method returns a string, with a number written with a specified length:</p>

<p id="demo"></p>

<script>
let x = 9.656;
document.getElementById("demo").innerHTML = 
  x.toPrecision() + "<br>" +
  x.toPrecision(2) + "<br>" +
  x.toPrecision(4) + "<br>" +
  x.toPrecision(6);  
</script>

</body>
</html>

วิธีการ valueOf()

valueOf() ส่งกลับตัวเลขเป็นตัวเลข

ตัวอย่าง

let x = 123;
x.valueOf();
(123).valueOf();
(100 + 23).valueOf();

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Methods</h2>

<p>The valueOf() method returns a number as a number:</p>

<p id="demo"></p>

<script>
let x = 123;

document.getElementById("demo").innerHTML = 
  x.valueOf() + "<br>" +
  (123).valueOf() + "<br>" +
  (100 + 23).valueOf();
</script>

</body>
</html>

ใน JavaScript ตัวเลขอาจเป็นค่าดั้งเดิม (typeof=number) หรือ an วัตถุ (typeof=วัตถุ)

valueOf() วิธีการถูกนำมาใช้ภายในใน JavaScript เพื่อแปลงตัวเลข วัตถุเป็นค่าดั้งเดิม

ไม่มีเหตุผลที่จะใช้มันในรหัสของคุณ

ประเภทข้อมูล JavaScript ทั้งหมดมีเมธอด valueOf() และ toString()

การแปลงตัวแปรให้เป็นตัวเลข

มี 3 วิธี JavaScript ที่สามารถใช้ได้ เพื่อแปลงตัวแปรเป็นตัวเลข:

Number(): ส่งกลับตัวเลขที่แปลงจากอาร์กิวเมนต์
parseFloat(): แยกวิเคราะห์อาร์กิวเมนต์และส่งกลับตัวเลขทศนิยม
parseInt(): แยกวิเคราะห์อาร์กิวเมนต์และส่งคืนค่าจำนวนเต็ม

วิธีการข้างต้นไม่ใช่วิธี number เป็นวิธีการ JavaScript ทั่วโลก

วิธีการ Number()

Number() วิธีการสามารถใช้เพื่อแปลงตัวแปร JavaScript เป็นตัวเลข:

ตัวอย่าง

Number(true);
Number(false);
Number("10");
Number("  10");
Number("10  ");
Number(" 10  ");
Number("10.33");
Number("10,33");
Number("10 33");
Number("John");

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method converts variables to numbers:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
  Number(true) + "<br>" +
  Number(false) + "<br>" +
  Number("10") + "<br>" + 
  Number("  10") + "<br>" +
  Number("10  ") + "<br>" +
  Number(" 10  ") + "<br>" +
  Number("10.33") + "<br>" + 
  Number("10,33") + "<br>" +
  Number("10 33") + "<br>" +
  Number("John");
</script>

</body>
</html>

หากไม่สามารถแปลงตัวเลขได้ ระบบจะส่งกลับ NaN (ไม่ใช่ตัวเลข)

วิธี Number() ที่ใช้ในวันที่

Number() ยังสามารถแปลงวันที่ให้เป็นตัวเลขได้

ตัวอย่าง

Number(new Date("1970-01-01"))

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method can convert a date to a number:</p>

<p id="demo"></p>

<script>
let x = new Date("1970-01-01");
document.getElementById("demo").innerHTML = Number(x); 
</script>

</body>
</html>

บันทึก

Date() วิธีการส่งกลับจำนวนมิลลิวินาทีตั้งแต่ 1.1.1970

จำนวนมิลลิวินาทีระหว่าง 1970-01-02 ถึง 1970-01-01 คือ 86400000:

ตัวอย่าง

Number(new Date("1970-01-02"))

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method can convert a date to a number:</p>

<p id="demo"></p>

<script>
let x = new Date("1970-01-02");
document.getElementById("demo").innerHTML = Number(x); 
</script>

</body>
</html>

ตัวอย่าง

Number(new Date("2017-09-30"))

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method can convert a date to a number:</p>

<p id="demo"></p>

<script>
let x = new Date("2017-09-30");
document.getElementById("demo").innerHTML = Number(x); 
</script>

</body>
</html>

วิธีการ parseInt()

parseInt() แยกวิเคราะห์สตริงและส่งกลับจำนวนเต็ม ช่องว่างอยู่ อนุญาต. เฉพาะหมายเลขแรกเท่านั้นที่ส่งคืน:

ตัวอย่าง

parseInt("-10");
parseInt("-10.33");
parseInt("10");
parseInt("10.33");
parseInt("10 20 30");
parseInt("10 years");
parseInt("years 10");

หากไม่สามารถแปลงตัวเลขได้ ระบบจะส่งกลับ NaN (ไม่ใช่ตัวเลข)

วิธีการ parseFloat()

parseFloat() แยกวิเคราะห์สตริงและส่งกลับตัวเลข ช่องว่างอยู่ อนุญาต. เฉพาะหมายเลขแรกเท่านั้นที่ส่งคืน:

ตัวอย่าง

parseFloat("10");
parseFloat("10.33");
parseFloat("10 20 30");
parseFloat("10 years");
parseFloat("years 10");

หากไม่สามารถแปลงตัวเลขได้ ระบบจะส่งกลับ NaN (ไม่ใช่ตัวเลข)

วิธีการวัตถุจำนวน

วิธีการวัตถุเหล่านี้เป็นของวัตถุ Number:

Number.isInteger(): คืนค่าเป็นจริงหากอาร์กิวเมนต์เป็นจำนวนเต็ม
Number.isSafeInteger(): คืนค่าเป็นจริงหากอาร์กิวเมนต์เป็นจำนวนเต็มที่ปลอดภัย
Number.parseFloat(): แปลงสตริงให้เป็นตัวเลข
Number.parseInt(): แปลงสตริงให้เป็นจำนวนเต็ม

วิธีการจำนวนไม่สามารถใช้กับตัวแปรได้

วิธีการจำนวนข้างต้นเป็นของ JavaScript Number Object

วิธีการเหล่านี้สามารถเข้าถึงได้เช่น Number.isInteger() เท่านั้น

การใช้ X.isInteger() โดยที่ X เป็นตัวแปร จะส่งผลให้เกิดข้อผิดพลาด:

TypeError X.isInteger ไม่ใช่ฟังก์ชัน

วิธีการ Number.isInteger()

Number.isInteger() วิธีการส่งกลับ true ถ้าอาร์กิวเมนต์เป็นจำนวนเต็ม

ตัวอย่าง

Number.isInteger(10);
Number.isInteger(10.5);

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Numbers</h1>
<h2>The isInteger() Method</h2>

<p>The isInteger() method returns true if the argument is an integer.</p>
<p>Otherwise it returns false.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Number.isInteger(10) + "<br>" + Number.isInteger(10.5);
</script>

</body>
</html>

วิธีการ Number.isSafeInteger()

จำนวนเต็มที่ปลอดภัยคือจำนวนเต็มที่สามารถแสดงเป็นตัวเลขทศนิยมสองเท่าได้

วิธีการ Number.isSafeInteger() จะส่งคืน true หากอาร์กิวเมนต์เป็นจำนวนเต็มที่ปลอดภัย

ตัวอย่าง

Number.isSafeInteger(10);
Number.isSafeInteger(12345678901234567890);

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Numbers</h1>
<h2>The isSafeInteger() Method</h2>

<p>The isSafeInteger() method returns true if the argument is a safe integer.</p>
<p>Otherwise it returns false.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Number.isSafeInteger(10) + "<br>" + Number.isSafeInteger(12345678901234567890);
</script>

</body>
</html>

จำนวนเต็มที่ปลอดภัยคือจำนวนเต็มทั้งหมดตั้งแต่ -(2⁵³ - 1) ถึง +(2⁵³ - 1).
สิ่งนี้ปลอดภัย: 9007199254740991 สิ่งนี้ไม่ปลอดภัย: 9007199254740992

วิธีการ Number.parseFloat()

Number.parseFloat() แยกวิเคราะห์สตริงและส่งกลับตัวเลข

อนุญาตให้มีช่องว่าง เฉพาะหมายเลขแรกเท่านั้นที่ส่งคืน:

ตัวอย่าง

Number.parseFloat("10");
Number.parseFloat("10.33");
Number.parseFloat("10 20 30");
Number.parseFloat("10 years");
Number.parseFloat("years 10");

หากไม่สามารถแปลงตัวเลขได้ ระบบจะส่งกลับ NaN (ไม่ใช่ตัวเลข)

บันทึก

Number วิธีการ Number.parseInt() และ Number.parseFloat()

เหมือนกับ

ทั่วโลก วิธีการ parseInt() และ parseFloat()

จุดประสงค์คือการทำให้เป็นโมดูลของ globals (เพื่อให้ง่ายต่อการใช้โค้ด JavaScript เดียวกันนอกเบราว์เซอร์)

วิธีการ Number.parseInt()

Number.parseInt() แยกวิเคราะห์สตริงและส่งกลับจำนวนเต็ม

อนุญาตให้มีช่องว่าง เฉพาะหมายเลขแรกเท่านั้นที่ส่งคืน:

ตัวอย่าง

Number.parseInt("-10");
Number.parseInt("-10.33");
Number.parseInt("10");
Number.parseInt("10.33");
Number.parseInt("10 20 30");
Number.parseInt("10 years");
Number.parseInt("years 10");

หากไม่สามารถแปลงตัวเลขได้ ระบบจะส่งกลับ NaN (ไม่ใช่ตัวเลข)

อ้างอิงหมายเลข JavaScript ให้สมบูรณ์

สำหรับการอ้างอิงหมายเลขที่สมบูรณ์ โปรดไปที่:

อ้างอิงหมายเลข JavaScript ให้สมบูรณ์

ข้อมูลอ้างอิงประกอบด้วยคำอธิบายและตัวอย่างของคุณสมบัติและวิธีการ Number ทั้งหมด