JavaScript Ekzercadoj kun Respondoj: La Plej Bona Maniero Por Lerni!

Ĉu vi volas plibonigi viajn JavaScript-kompetentojn? Ekzercadoj estas la plej bona vojo por fari tion! En ĉi tiu artikolo, ni enprofundiĝos en kelkaj utilaj JavaScript-ekzercadoj, kiuj helpos vin ekzerci fundamentajn kaj progresajn teknikojn. Krome, ni provizos la solvojn por ĉiu ekzerco, tiel ke vi povos kompreni kial la solvo funkcias. Se vi estas komencanto aŭ spertulo, ĉi tiu artikolo estos tre utila por vi.

Kial Ekzercadoj Estas Esencaj en Programado?

Ekzercadoj estas esencaj por lerni programadon, ĉar ili permesas al vi apliki la teoriojn, kiujn vi lernas, al realaj problemoj. Ĉiu ekzercado helpos vin praktiki novajn konceptojn kaj teknikojn. En JavaScript, ekzercadoj ankaŭ helpas vin kompreni kiel uzi la fundamentajn elementojn de la lingvo, kiel variabloj, funkcioj, objektoj, kaj aron. Krome, ekzercadoj kreas solidan bazon, kiu ebligas vin solvi pli kompleksajn problemojn en la estonteco.

Ekzercado 1: Reversi Ĉenon

Unu el la plej bazaj, sed utilaj ekzercoj estas inversi ĉenon. Ĉi tiu ekzerco testas viajn kapablojn pri manipulado de ĉenoj en JavaScript. La celo estas inversigi la sekvencon de literoj en vorto aŭ frazo.

function reverseString(str) {
    return str.split('').reverse().join('');
}

console.log(reverseString("Esperanto"));  // Rezulto: "otnarepsE"

En ĉi tiu kodo, ni uzas la metodojn split(), reverse(), kaj join(). Unue, ni disigas la ĉenon je individuaj literoj, poste ni inversigas tiun aron, kaj fine ni kunigas ilin denove en unu ĉenon.

Ekzercado 2: Kontroli Palindromon

Ĉi tiu ekzerco celas kontroli, ĉu vorto estas palindromo. Palindromo estas vorto aŭ frazo, kiu estas identa de antaŭen kaj malantaŭen, kiel "radar" aŭ "madam".

function isPalindrome(str) {
    let reversedStr = str.split('').reverse().join('');
    return str === reversedStr;
}

console.log(isPalindrome("radar"));  // Rezulto: true
console.log(isPalindrome("hello"));  // Rezulto: false

Ĉi tiu kodo funkcias simile al la antaŭa ekzercado, sed ĉi-foje ni kontrolas, ĉu la originala ĉeno estas sama kiel la inversigita ĉeno. Se jes, la vorto estas palindromo.

Ekzercado 3: Aldoni Elementojn al Arono

En ĉi tiu ekzerco, ni praktikos aldoni elementojn al aron. La tasko estas aldoni novan elementon al la fino de ekzistanta aro sen uzi la metodon push().

function addToArray(arr, element) {
    let newArray = [...arr, element];
    return newArray;
}

let numbers = [1, 2, 3];
console.log(addToArray(numbers, 4));  // Rezulto: [1, 2, 3, 4]

En ĉi tiu solvo, ni uzas la permesilon de "spread operator" (...) por krei novan aron kun la nova elemento aldonita ĉe la fino.

Ekzercado 4: Kalkuli la Fakton de Numero

Fakto de numero estas la produkto de ĉiuj pozitivaj intaj nombroj ĝis tiu numero. Ekzemple, la fakto de 5 estas 5 × 4 × 3 × 2 × 1 = 120. Ĉi tiu ekzerco helpos vin plibonigi viajn kapablojn pri rekurso kaj buclej.

function factorial(n) {
    if (n === 0) return 1;
    return n * factorial(n - 1);
}

console.log(factorial(5));  // Rezulto: 120

Ĉi tiu solvo uzas rekursadon por kalkuli la fakton. Se la nombro estas 0, ni revenas 1, ĉar la fakto de 0 estas 1. Alie, ni multobligas la nombron per la fakto de la nombro minus unu, ĝis ni atingas 0.

Ekzercado 5: Unikaĵoj en Aro

Ĉi tiu ekzerco petas vin trovi la unikaĵojn en aro. Ĉi tiu tasko estas utila por praktiki la uzon de metodoj kiel filter() kaj indexOf().

function getUniqueElements(arr) {
    return arr.filter((value, index, self) => self.indexOf(value) === index);
}

console.log(getUniqueElements([1, 2, 2, 3, 4, 4, 5]));  // Rezulto: [1, 2, 3, 4, 5]

Ĉi tiu kodo uzas la metodon filter() por filtri la elementojn, kiuj estas unikaj en la aro. La indexOf() metodo kontrolas ĉu la unua apero de la elemento estas ĉe la nuna indekso.

Ekzercado 6: Organizi Aro de Nombroj

Organizi aro de nombroj estas baza tasko en programado. Ĉi tiu ekzerco postulas ke vi organizu numeran aron en kreskanta ordo uzante la metodon sort().

function sortNumbers(arr) {
    return arr.sort((a, b) => a - b);
}

console.log(sortNumbers([5, 2, 8, 1, 3]));  // Rezulto: [1, 2, 3, 5, 8]

La sort() metodo ordigas la aron. La komparo (a, b) => a - b certigas, ke la nombroj estas ordigitaj en kreskanta ordo.

Ekzercado 7: Filtrado de Ĉenoj en Aro

Ĉi tiu ekzerco celas filtradon de ĉenoj en aro. La tasko estas krei funkcion, kiu filtras ĉiujn ĉenojn en aro, kiuj havas pli ol 5 literojn.

function filterLongStrings(arr) {
    return arr.filter(str => str.length > 5);
}

console.log(filterLongStrings(["JavaScript", "is", "amazing", "fun"]));  // Rezulto: ["JavaScript", "amazing"]

Ĉi tiu kodo uzas la filter() metodon por elekti nur tiujn ĉenojn, kies longo estas pli granda ol 5. La rezulto estas aro kun filtritaj ĉenoj.

Konkludo

Ekzercadoj estas granda maniero por plibonigi viajn programadkapablojn en JavaScript. Ĉi tiuj ekzercadoj kun respondoj estas nur komenco – ekzistas senfina nombro de problemoj, kiujn vi povas solvi por plibonigi viajn kapablojn. Daŭre ekzerci, eksperimentu kun novaj solvoj kaj ne timu erari. Memoru, ke ĉiu ekzerco estas paŝo al plibonigo. Bonan sukceson en via JavaScript-vojaĝo!