Differenza tra toFixed() e toPrecision()?

Question

Sono nuovo di JavaScript e ho appena scoperto toFixed() e toPrecision() per arrotondare i numeri. Tuttavia, non riesco a capire quale sia la differenza tra i due.

Qual è la differenza tra number.toFixed() e number.toPrecision()?

Answer 1

toFixed(n) fornisce la lunghezza n dopo il punto decimale; toPrecision(x) fornisce la lunghezza totale di x.

Rif a w3schools: toFixed e toPrecision

EDIT:
ho imparato un po 'indietro che w3schools non è esattamente la migliore fonte, ma ho dimenticato di questa risposta fino a quando ho visto KZH di, uh , commento "entusiasta". Ecco ulteriori informazioni su Mozilla Doc Center for toFixed() e for toPrecision(). Fortunatamente per tutti noi, MDC e w3schools sono d'accordo gli uni con gli altri in questo caso.

Per completezza, vorrei ricordare che toFixed() è equivalente a toFixed(0) e toPrecision() solo restituisce il numero originale senza formattazione.

Answer 2

Credo che il primo fornisca un numero fisso di cifre decimali, mentre il secondo fornisce un numero fisso di cifre significative.

Math.PI.toFixed(2); // "3.14" 
Math.PI.toPrecision(2); // "3.1" 

Inoltre, toPrecision produrrà scientific notation se ci sono più cifre intere del numero della precisione specificata.

(Math.PI * 10).toPrecision(2); // "31" 
(Math.PI * 100).toPrecision(2); // "3.1e+2" 

EDIT: Oh, e se siete nuovi a JavaScript, consiglio vivamente il libro "JavaScript: The Good Parts" di Douglas Crockford.

Answer 3

In determinate circostanze, toPrecision() restituirà la notazione esponenziale, mentre toFixed() no.

Answer 4

Penso che sia meglio rispondere con un esempio.

Diciamo che avere i seguenti dati:

var products = [ 
    { 
    "title": "Really Nice Pen", 
    "price": 150 
    }, 
    { 
    "title": "Golf Shirt", 
    "price": 49.99 
    }, 
    { 
    "title": "My Car", 
    "price": 1234.56 
    } 
] 

Si desidera visualizzare ciascuno di questi prodotti con il titolo e prezzo formattato. Proviamo ad usare toPrecision prima:

document.write("The price of " + products[0].title + " is $" + products[0].price.toPrecision(5)); 

The price of Really Nice Pen is $150.00 

sembra buono, per cui si potrebbe pensare che questo funzionerà per gli altri prodotti, nonché:

document.write("The price of " + products[1].title + " is $" + products[2].price.toPrecision(5)); 
document.write("The price of " + products[2].title + " is $" + products[2].price.toPrecision(5)); 

The price of Golf Shirt is $49.990 
The price of My Car is $1234.6 

non così buono. Possiamo risolvere questo problema modificando il numero di cifre significative per ciascun prodotto, ma se stiamo ripetendo la gamma di prodotti che potrebbero essere complicati.Usiamo toFixed invece:

document.write("The price of " + products[0].title + " is $" + products[0].price.toFixed(2)); 
document.write("The price of " + products[1].title + " is $" + products[2].price.toFixed(2)); 
document.write("The price of " + products[2].title + " is $" + products[2].price.toFixed(2)); 

The price of Really Nice Pen is $150.00 
The price of Golf Shirt is $49.99 
The price of My Car is $1234.56 

Questo produce quello che vi aspettavate. Non è previsto alcun lavoro di supposizione e non vi è alcun arrotondamento.

Answer 5

Just:

49.99.toFixed(5) 
// → "49.99000" 

49.99.toPrecision(5) 
// → "49.990" 

Answer 6

Ad esempio, consideriamo la variabile a come, var a = 123.45 a.toPrecision (6) L'uscita è 123,450 a.toFixed (6) L'uscita è come 123.45000000

Answer 7

Esempi parlano chiaro:

var A = 123.456789; 

A.toFixed(0)  // 123 
A.toFixed(1)  // 123.5 
A.toFixed(2)  // 123.46 
A.toFixed(3)  // 123.457 
A.toFixed(4)  // 123.4568 
A.toFixed(5)  // 123.45679 
A.toFixed(6)  // 123.456789 
A.toFixed(7)  // 123.4567890 
A.toFixed(8)  // 123.45678900 
A.toFixed(9)  // 123.456789000 
A.toFixed(10) // 123.4567890000 
A.toFixed(11) // 123.45678900000 

A.toPrecision()  // --- ERROR --- 
A.toPrecision(0)  // --- ERROR --- 
A.toPrecision(1)  // 1e+2 
A.toPrecision(2)  // 1.2e+2 
A.toPrecision(3)  // 123 
A.toPrecision(4)  // 123.5 
A.toPrecision(5)  // 123.46 
A.toPrecision(6)  // 123.457 
A.toPrecision(7)  // 123.4568 
A.toPrecision(8)  // 123.45679 
A.toPrecision(9)  // 123.456789 
A.toPrecision(10) // 123.4567890 
A.toPrecision(11) // 123.45678900