Inbyggda funktioner i JavaScript

Den här artikeln förklarar de inbyggda funktionerna i JavaScript.

YouTube Video

Inbyggda funktioner i JavaScript

JavaScript erbjuder ett antal inbyggda funktioner, som är kraftfulla verktyg för att effektivt skapa program. Här kommer vi att förklara detaljerat om de typiska inbyggda funktionerna i JavaScript. Genom att lära dig rollerna, användningarna och varningarna för varje funktion, kommer du att kunna använda JavaScript mer effektivt.

Vad är inbyggda funktioner?

Inbyggda funktioner är funktioner som tillhandahålls som standard i JavaScript. Dessa funktioner är utformade för att utföra specifika uppgifter på ett kortfattat sätt. Programmerare behöver inte implementera dem självständigt, vilket förbättrar kodens läsbarhet och underhållbarhet.

Representativa inbyggda funktioner

parseInt()

1// Convert string to integer
2console.log(parseInt("42"));      // Output: 42
3console.log(parseInt("42px"));    // Output: 42
4console.log(parseInt("0xF", 16)); // Output: 15
5console.log(parseInt("0xF"));     // Output: 15
6console.log(parseInt("px42"));    // Output: NaN

• parseInt() är en funktion som tolkar en sträng och konverterar den till ett heltal. Om början av strängen innehåller ett nummer, returneras den delen som ett heltal. En valfri grund (bas) kan också anges.

• Om början av strängen inte innehåller ett nummer, returnerar den NaN (Not-a-Number). Om en grund inte anges, används decimal som standard, men om strängen börjar med "0x" tolkas den som hexadecimal.

parseFloat()

1// Convert string to float
2console.log(parseFloat("3.14"));      // Output: 3.14
3console.log(parseFloat("3.14abc"));   // Output: 3.14
4console.log(parseFloat("42"));        // Output: 42

• parseFloat() tolkar en sträng och konverterar den till ett flyttal. Den används när man arbetar med nummer som innehåller en decimalpunkt.

• Precis som parseInt(), om början av strängen inte är ett nummer, returnerar den NaN. Den kännetecknas av att korrekt tolka inte bara heltalsdelen utan också decimaldelen.

isNaN()

1console.log(isNaN(NaN));         // Output: true
2console.log(isNaN(42));          // Output: false
3console.log(isNaN("hello"));     // Output: true

• isNaN() avgör om ett givet värde är NaN. NaN (Not-a-Number) representerar ett ogiltigt värde som ett nummer.

• isNaN() är också giltig för datatyper andra än nummer, och till exempel returnerar true om en sträng inte kan konverteras till ett nummer.

Number()

1console.log(Number("42"));        // Output: 42
2console.log(Number("3.14"));      // Output: 3.14
3console.log(Number("0xff"));      // Output: 255
4console.log(Number("abc"));       // Output: NaN

• Number() är en funktion som konverterar strängar eller andra datatyper till ett nummer. Den returnerar NaN om en icke-numerisk sträng anges.

• Till skillnad från parseInt() eller parseFloat() anser Number() att det är en ogiltig konvertering och returnerar NaN om strängen innehåller icke-numeriska tecken.

String()

1console.log(String(42));           // Output: "42"
2console.log(String(3.14));         // Output: "3.14"
3console.log(String(true));         // Output: "true"
4console.log(String(null));         // Output: "null"
5console.log(String(undefined));    // Output: "undefined"

• String() är en funktion som konverterar siffror och andra datatyper till strängar. String(42) returnerar strängen "42".
• Om värdet som ska konverteras är null eller undefined, returnerar det strängarna "null" respektive "undefined".
• Det är användbart för att hantera olika datatyper, såsom siffror, booleaner eller objekt, genom att konvertera dem till strängar.

Array

1const arr = Array(3);
2console.log(arr); // Output: [ <3 empty items> ]
3
4const arr2 = Array(1, 2, 3);
5console.log(arr2); // Output: [1, 2, 3]

• Array är en konstruktor som används för att skapa nya arrayer.
• Om det finns ett argument, tolkas det som arrayens längd, och en tom array skapas.
• Om det finns flera argument, skapas en array med dessa värden som sina element.

Array.isArray()

1console.log(Array.isArray([1, 2, 3])); // Output: true
2console.log(Array.isArray("not an array")); // Output: false

• Array.isArray() är en metod som avgör om argumentet är en array.
• Den returnerar true om argumentet är en array, och false annars.

isFinite()

1console.log(isFinite(42));         // Output: true
2console.log(isFinite(Infinity));   // Output: false
3console.log(isFinite(NaN));        // Output: false

• isFinite() avgör om ett givet värde är ändligt. Returnerar true för ändliga nummer och false annars (till exempel för oändlighet eller NaN).

• I JavaScript representerar Infinity och -Infinity oändlighet och är av typen nummer, men isFinite() anser att oändlighet är ett ogiltigt värde.

eval()

1let expression = "2 + 2";
2console.log(eval(expression));    // Output: 4
3
4console.log(eval("var x = 10; x * 2"));  // Output: 20

• eval() är en funktion som utvärderar och kör JavaScript-kod som ges som en sträng. Du kan köra JavaScript-kod dynamiskt.

• eval() är mycket kraftfull, men den medför en säkerhetsrisk och bör undvikas i faktisk utveckling. Att köra extern kod med eval() kan leda till oavsiktligt beteende och säkerhetsbrister.

encodeURI() / decodeURI()

1let url = "https://example.com/?name=John Doe&age=25";
2let encodedUrl = encodeURI(url);
3console.log(encodedUrl);
4// Output: https://example.com/?name=John%20Doe&age=25
5
6let decodedUrl = decodeURI(encodedUrl);
7console.log(decodedUrl);
8// Output: https://example.com/?name=John Doe&age=25

• encodeURI() är en funktion som används för att koda (konvertera) tecken som inte kan användas i en URL. Å andra sidan avkodar decodeURI() en kodad URL till dess ursprungliga form.

• Kodning är särskilt viktigt när man hanterar specialtecken. Till exempel måste tecken som mellanslag eller & kodas för att inkluderas korrekt i en URL, så de måste bearbetas korrekt med encodeURI().

setTimeout() / setInterval()

 1// Execute a function after 2 seconds
 2setTimeout(() => {
 3    console.log("This runs after 2 seconds");
 4}, 2000);
 5
 6// Execute a function every 1 second
 7let intervalId = setInterval(() => {
 8    console.log("This runs every 1 second");
 9}, 1000);
10
11// Stop the interval after 5 seconds
12setTimeout(() => {
13    clearInterval(intervalId);
14}, 5000);

• setTimeout() är en timerfunktion som används för att köra en funktion en gång efter en angiven tid. setInterval() kör en funktion upprepade gånger med angivna intervall.

• setTimeout() och setInterval() körs asynkront och anropar funktionen när den angivna tiden har förflutit. Det är också möjligt att avbryta exekveringar med clearTimeout() eller clearInterval().

Sammanfattning

Genom att använda JavaScripts inbyggda funktioner kan du skriva enklare och mer effektiva program. Funktionerna som introduceras här är grundläggande och användbara i olika situationer. Var noga med att skriva faktisk kod och bekräfta dess beteende för att fördjupa din förståelse.

Lär dig mer komplex bearbetning och avancerad funktionell användning för att ytterligare förbättra dina JavaScript-färdigheter.

Du kan följa med i artikeln ovan med hjälp av Visual Studio Code på vår YouTube-kanal. Vänligen kolla även in YouTube-kanalen.

YouTube Video