Mga built-in na Function sa JavaScript

Ipinaliliwanag ng artikulong ito ang mga built-in na function sa JavaScript.

YouTube Video

Mga built-in na Function sa JavaScript

Nagbibigay ang JavaScript ng iba’t ibang built-in na function, na mga makapangyarihang tool para sa mahusay na paglikha ng mga programa. Dito, ipapaliwanag namin nang detalyado ang mga karaniwang built-in na function sa JavaScript. Sa pamamagitan ng pag-aaral ng mga tungkulin, gamit, at pag-iingat sa bawat function, mas magagamit mo nang epektibo ang JavaScript.

Ano ang Mga Built-in na Function?

Ang mga Built-in na Function ay mga function na ibinibigay bilang pamantayan sa JavaScript. Ang mga function na ito ay idinisenyo upang maisagawa ang mga partikular na gawain nang maikli. Hindi kailangang isagawa ng mga programmer ang mga ito nang hiwalay, na nagpapabuti sa kakayahang mabasa at mapanatili ng code.

Mga Kinatawang Built-in na Function

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

• Ang parseInt() ay isang function na nag-aanalisa ng isang string at nagko-convert nito sa isang integer. Kung ang simula ng string ay naglalaman ng numero, ang bahaging iyon ay ibinabalik bilang isang integer. Puwede ring tukuyin ang isang opsyonal na radix (base).

• Kung ang simula ng string ay walang numero, ibinabalik nito ang NaN (Not-a-Number). Gayundin, kung walang tinukoy na radix, ito ay nagde-default sa decimal, ngunit kung ang string ay nagsisimula sa "0x", ito ay binibigyang-kahulugan bilang 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

• Ang parseFloat() ay nag-aanalisa ng isang string at nagko-convert nito sa isang floating-point na numero. Ginagamit ito kapag humaharap sa mga numero na may kasamang decimal point.

• Katulad ng parseInt(), kung ang simula ng string ay hindi isang numero, ibinabalik nito ang NaN. Ito ay kilala sa tamang pag-aanalisa hindi lamang ng bahagi ng integer kundi pati na rin ng bahagi ng decimal.

isNaN()

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

• Tinutukoy ng isNaN() kung ang isang ibinigay na halaga ay NaN. Ang NaN (Not-a-Number) ay kumakatawan sa isang hindi wastong halaga bilang isang numero.

• Ang isNaN() ay balido rin para sa mga uri ng data na hindi numero, at halimbawa, ibinabalik ang true kung ang string ay hindi ma-convert sa isang numero.

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

• Ang Number() ay isang function na nagko-convert ng mga string o iba pang uri ng data sa isang numero. Nagbabalik ito ng NaN kung isang hindi numerikong string ang ibinigay.

• Hindi tulad ng parseInt() o parseFloat(), ang Number() ay itinuturing na hindi balidong conversion at nagbabalik ng NaN kung ang string ay naglalaman ng mga hindi numerikong karakter.

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() ay isang function na nagko-convert ng mga numero at iba pang uri ng data sa mga string. String(42) ay nagbabalik ng string na "42".
• Kung ang value na iko-convert ay null o undefined, ibinabalik nito ang mga string na "null" o "undefined", ayon sa pagkakasunod.
• Ito ay kapaki-pakinabang para sa paghawak ng iba't ibang uri ng data, tulad ng mga numero, boolean, o object, sa pamamagitan ng pagko-convert sa mga ito sa mga string.

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 ay isang constructor na ginagamit upang lumikha ng mga bagong array.
• Kung mayroong isang argumento, itinuturing itong haba ng array, at isang walang lamang array ang nalilikha.
• Kung mayroong maraming argumento, isang array na may mga element na may ganitong mga value ang nalilikha.

Array.isArray()

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

• Array.isArray() ay isang method na tumutukoy kung ang argumento ay isang array.
• Nagbabalik ito ng true kung ang argumento ay isang array, at false naman kung hindi.

isFinite()

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

• Ang isFinite() ay tumutukoy kung ang ibinigay na halaga ay may hangganan. Nagbabalik ng true para sa mga numerong may hangganan, at false kung hindi (tulad ng para sa infinity o NaN).

• Sa JavaScript, ang Infinity at -Infinity ay kumakatawan sa walang hanggan at nasa uri ng numero, ngunit itinuring ng isFinite() ang walang hanggan bilang hindi balidong halaga.

eval()

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

• Ang eval() ay isang function na sinusuri at inaasahang magpatupad ng JavaScript code na ibinigay bilang isang string. Maaari kang magpatupad ng JavaScript code nang dinamiko.

• Ang eval() ay napakalakas, ngunit ito ay nagdadala ng panganib sa seguridad, kaya't dapat itong iwasan sa aktwal na pag-unlad. Ang pagpapatupad ng code na ibinigay mula sa labas gamit ang eval() ay maaaring humantong sa hindi inaasahang pag-uugali at mga kahinaan sa seguridad.

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

• Ang encodeURI() ay isang function na ginagamit upang i-encode (iconvert) ang mga karakter na hindi maaring gamitin sa isang URL. Sa kabilang banda, ang decodeURI() ay nagde-decode ng na-encode na URL pabalik sa orihinal nitong anyo.

• Ang encoding ay partikular na mahalaga kapag humaharap sa mga espesyal na karakter. Halimbawa, ang mga karakter tulad ng mga espasyo o & ay kailangang i-encode upang maisama ng tama sa isang URL, kaya't kailangang ma proseso ito ng naaayon gamit ang 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);

• Ang setTimeout() ay isang timer function na ginagamit upang magpatupad ng isang function nang isang beses pagkatapos ng tinukoy na oras. Ang setInterval() ay paulit-ulit na nagpapatupad ng isang function sa tinukoy na mga pagitan.

• Ang setTimeout() at setInterval() ay gumaganap nang asynchronously, na tinatawag ang function pagkatapos ng paglipas ng tinukoy na oras. Posible ring kanselahin ang mga pagpapatupad gamit ang clearTimeout() o clearInterval().

Buod

Ang paggamit ng mga built-in na function ng JavaScript ay nagpapahintulot sa iyo na magsulat ng mas simple at mas episyenteng mga programa. Ang mga function na ipinakilala dito ay pangunahing at kapaki-pakinabang sa iba't ibang sitwasyon. Siguraduhing magsulat ng aktwal na code at kumpirmahin ang pag-uugali nito upang mapalalim ang iyong kaalaman.

Alamin ang mas komplikadong pagproseso at avanzadong paggamit ng function upang higit pang mapahusay ang iyong mga kasanayan sa JavaScript.

Maaari mong sundan ang artikulo sa itaas gamit ang Visual Studio Code sa aming YouTube channel. Paki-check din ang aming YouTube channel.

YouTube Video