JavaScripti tüüpi teisendused (koos näidetega)

Selles õpetuses saate näidete abil õppida JavaScripti tüüpi teisenduste kohta.

Ühe andmetüübi teiseks teisendamise protsessi nimetatakse tüübi teisendamiseks. JavaScriptis on kahte tüüpi tüübikonversioone.

  • Kaudne teisendamine
  • Selgesõnaline teisendamine

JavaScripti kaudne teisendamine

Teatud olukordades teisendab JavaScript ühe andmetüübi automaatselt teiseks (õigeks tüübiks). Seda nimetatakse kaudseks teisendamiseks.

Näide 1: kaudne teisendamine stringiks

 // numeric string used with + gives string type let result; result = '3' + 2; console.log(result) // "32" result = '3' + true; console.log(result); // "3true" result = '3' + undefined; console.log(result); // "3undefined" result = '3' + null; console.log(result); // "3null"

Märkus . Kui stringile lisatakse number, teisendab JavaScript numbri stringiks enne liitmist.

Näide 2: kaudne teisendamine numbriks

 // numeric string used with - , / , * results number type let result; result = '4' - '2'; console.log(result); // 2 result = '4' - 2; console.log(result); // 2 result = '4' * 2; console.log(result); // 8 result = '4' / 2; console.log(result); // 2

Näide 3: mittearvulised stringide tulemused NaN-le

 // non-numeric string used with +, - , / , * results to NaN let result; result = 'hello' - 'world'; console.log(result); // NaN result = '4' - 'hello'; console.log(result); // NaN

Näide 4: kaudne logiline teisendamine arvuks

 // if boolean is used, true is 1, false is 0 let result; result = '4' - true; console.log(result); // 3 result = 4 + true; console.log(result); // 5 result = 4 + false; console.log(result); // 4

Märkus: JavaScripti arveks on 0 falseja kogu nullist erinev arv true. Ja kui trueteisendada arvuks, on tulemus alati 1.

Näide 5: null teisendamine numbriks

 // null is 0 when used with number let result; result = 4 + null; console.log(result); // 4 result = 4 - null; console.log(result); // 4

Näide 6: määratlemata, kasutatakse numbri, tõeväärtuse või nulliga

 // Arithmetic operation of undefined with number, boolean or null gives NaN let result; result = 4 + undefined; console.log(result); // NaN result = 4 - undefined; console.log(result); // NaN result = true + undefined; console.log(result); // NaN result = null + undefined; console.log(result); // NaN

JavaScripti selgesõnaline teisendamine

Samuti saate teisendada ühe andmetüübi teiseks vastavalt oma vajadustele. Käsitsi tehtud tüübikonversiooni nimetatakse selgesõnaliseks tüübikonversiooniks.

JavaScripti sisuliste tüüpide teisendamine toimub sisseehitatud meetodite abil.

Siin on mõned levinumate konversioonide meetodid.

1. Teisendage selgesõnaliselt arvuks

Numbristringide ja boolean väärtuste teisendamiseks numbriteks saate kasutada Number(). Näiteks,

 let result; // string to number result = Number('324'); console.log(result); // 324 result = Number('324e-1') console.log(result); // 32.4 // boolean to number result = Number(true); console.log(result); // 1 result = Number(false); console.log(result); // 0

JavaScriptis nulltagastavad tühjad stringid ja väärtused 0 . Näiteks,

 let result; result = Number(null); console.log(result); // 0 let result = Number(' ') console.log(result); // 0

Kui string on vale number, siis tulemus on NaN. Näiteks,

 let result; result = Number('hello'); console.log(result); // NaN result = Number(undefined); console.log(result); // NaN result = Number(NaN); console.log(result); // NaN

Märkus : Teil on võimalik luua ka numbreid stringid kasutades parseInt(), parseFloat(), unaarsed operaator +ja Math.floor(). Näiteks,

 let result; result = parseInt('20.01'); console.log(result); // 20 result = parseFloat('20.01'); console.log(result); // 20.01 result = +'20.01'; console.log(result); // 20.01 result = Math.floor('20.01'); console.log(result); // 20

2. Teisenda selgesõnaliseks stringiks

Muude andmetüüpide stringideks teisendamiseks võite kasutada kas String()või toString(). Näiteks,

 //number to string let result; result = String(324); console.log(result); // "324" result = String(2 + 4); console.log(result); // "6" //other data types to string result = String(null); console.log(result); // "null" result = String(undefined); console.log(result); // "undefined" result = String(NaN); console.log(result); // "NaN" result = String(true); console.log(result); // "true" result = String(false); console.log(result); // "false" // using toString() result = (324).toString(); console.log(result); // "324" result = true.toString(); console.log(result); // "true"

Märkus : String()võtab nullja undefinedteisendab need stringideks. Kuid toString()annab viga, kuinull are passed.

3. Teisendage selgesõnaliselt booleaniks

Muude andmetüüpide tõeväärtuseks teisendamiseks võite kasutada Boolean().

Jscriptis undefined, null, 0, NaN, ''teisendab false. Näiteks,

  let result; result = Boolean(''); console.log(result); // false result = Boolean(0); console.log(result); // false result = Boolean(undefined); console.log(result); // false result = Boolean(null); console.log(result); // false result = Boolean(NaN); console.log(result); // false

Kõik muud väärtused annavad true. Näiteks,

  result = Boolean(324); console.log(result); // true result = Boolean('hello'); console.log(result); // true result = Boolean(' '); console.log(result); // true

JavaScripti tüübi teisendustabel

Tabel näitab erinevate väärtuste teisendamist JavaScripti stringideks, arvudeks ja booleanideks.

Value String Conversion Number Conversion Boolean Conversion
1 "1" 1 true
0 "0" 0 false
"1" "1" 1 true
"0" "0" 0 true
"ten" "ten" NaN true
true "true" 1 true
false "false" 0 false
null "null" 0 false
undefined "undefined" NaN false
'' "" 0 false
' ' " " 0 true

Objektide ja massiivide teisendamiseks muud tüüpi andmeteks saate teada hilisemates õpetustes.

Lisateabe saamiseks külastage neid näiteid:

  • JavaScripti kuupäevad numbriteni
  • JavaScripti kuupäevad stringideni

Huvitavad Artiklid...