Yuav Siv Cov Lus Qhia Ntxiv Li Cas

Los ntawm John Paul Mueller

Tusmus txuas ntxivcov lus hais hauv JavaScript tsum tsis ua rau lub voj voog tam sim no. Txawm li cas los xij, hauv cov HTML programming, kev ua mus txuas ntxiv nrog lub voj voog tom ntej. Txawm hais tias koj yuav feem ntau siv atawgcov lus hais kom nres lub voj ua haujlwm thaum muaj qhov ua yuam kev tsis suav tsis tau, tusmus txuas ntxivcov lus hais cia koj tsim lub voj uas tuaj yeem rov qab los ntawm qhov tsis. Hauv kev hwm no, loops tuaj yeem sib txawv ntawm qhov sib txawv nyuaj uas tsis thiab mos yuam kev Cov.



Tusmus txuas ntxivcov lus qhia tseem siv tau rau ntau tus naj npawb ntawm qhov txuj ci kev pab cuam, xws li kev lim dej. Thaum lub voj ntsib qhov xwm txheej uas muaj kev sib cav, cov khoom siv cov ntaub ntawv, lossis cov khoom siv array sab nraud sab nraud ntawm cov txheej txheem lim, nws tuaj yeem tshem tawm qhov khoom ntawd los ntawm kev tsis ua nws tab sis txuas ntxiv nrog kev sib cav txuas mus ntxiv, cov ntaub ntawv khoom, lossis cov khoom siv array.



gentizol rau dev pob ntseg

Kev lim dej yog qhov tshwj xeeb tseem ceeb rau kev thov kom ua vim tias cov neeg siv khoom tsis tshua muaj muab cov ntaub ntawv huv - qhov ntawd yog, cov ntaub ntawv tsis muaj cov khoom cuav suav nrog.

Yuav ua li cas ua haujlwm nrog Array cov khoom hauv qhov tob

Arraycov khoom feem ntau yuav tsum muaj kev tuav cov ntaub ntawv los ua cov txiaj ntsig yam xav tau. Piv txwv li, cov kab ntawv tuaj yeem ntim cov ntaub ntawv sib txawv, thiab koj yuav xav tau txheeb los ntawm lawv kom pom cov ntaub ntawv koj xav tau xwb. Qhov zoo, tusArraytus kwv muab ntau txoj hau kev thiab cov khoom los ua kom muaj kev cuam tshuam nrog lawv hauv loops yooj yim dua. Cov npe hauv qab no piav qhia tusArrayyam ntxwv khoom:



  • neeg tsim tsa: Qhia txog txoj hlua uas qhia qhov qauv siv los txhais qhov khoom. Hauv qhov no, koj pom muaj nuj nqi Array () {[haiv lus]}.

  • ntev: Rov qab qhov ntev ntawm cov khoom hauv cov khoom.

  • qhov qauv: Muab cov kev txhais tau tias ntxiv rau ob qho tib si thiab cov hau kev rau ib qho khoom.



TusArraytus kwv kuj muab ntau txoj hau kev. Koj tuaj yeem siv cov hau kev no los hloov kho qhov array dynamically thaum ua haujlwm thiab txhim kho qhov muaj peev xwm ntawmraulub voj los ua cov txiaj ntsig zoo. Cov npe hauv qab no piav qhia txhua tus ntawmArraycov hau kev txoj kev:

  • concat (): Tsim ib qho khoom siv dav dav los ntawm kev koom nrog ob lossis ntau dua arrays.

  • indexOf (): Nrhiav ib qho kev qhia tshwj xeeb nyob rau hauv ib qho kev ua haujlwm thiab rov rau txoj haujlwm ntawm qhov khoom ntawd.

  • koom (): Tsim ib txoj hlua ntawm txhua lub ntsiab hauv ib qho array.

    invega sustenna phiv
  • lastIndexOf (): Nrhiav qhov chaw nyob kawg ntawm ib qho kev tshwj xeeb nyob rau hauv ib qho kev ua lej thiab rov ua txoj haujlwm ntawm qhov khoom ntawd.

  • pop (): Tshem tawm qhov kawg ntawm ib qho kev ua haujlwm thiab rov qab tawm qhov khoom ntawd.

  • laub (): Ntxiv cov ntsiab lus tshiab rau qhov kawg ntawm ib qho array thiab rov xa cov khoom ntev.

  • rov qab (): Thim qhov kev txiav txim ntawm cov khoom hauv ib qho array.

  • ua haujlwm (): Tshem tawm thawj lub ntsiab ntawm ib qho array thiab rov qab rau qhov khoom ntawd.

  • hlais (): Ua tawm ib daim qauv ntawm ib feem ntawm ib qho array thiab xa rov qab rau ntu ntawd.

  • tsi (): Teeb lub ntsiab ntawm ib qho array.

  • splice (): Ntxiv ntxiv los yog tshem tawm cov ntsiab lus mus rau lossis los ntawm ib qho array uas tau hais tseg hauv cov lus sib cav.

  • toString (): Tawm tawm rau tus kheej qhov tseem ceeb ntawm txhua qhov ntawm ib qho array ua ib txoj hlua.

  • tsis zoo (): Ntxiv cov ntsiab lus tshiab rau thaum pib ntawm ib qho array thiab rov ua qhov ntev ntev.

  • valueOf (): Tawm tawm qhov ib txwm muaj txiaj ntsig ntawm txhua ntawm lub ntsiab ntawm ib qho array.

Yuav ua li cas cuam tshuam nrog ib qho array

Ib qho ntawm txoj kev nthuav dav rau kev sivmus txuas ntxivcov lus hais yog qhov txhais tau rau lim cov ntaub ntawv. Thaum cov ntaub ntawv xa tuaj tsis tau raws li qhov xav tau, koj lim tawm. Cov piv txwv hauv qab no qhia pom txheej txheem rau lim cov ntaub ntawv tsim tawm los ua cov ntshiab huv uas koj tuaj yeem ua tom qab ntawv yam tsis yuam kev.

Qhov laj thawj tseem ceeb los ua cov haujlwm no yog tias koj yuav tsum siv cov array repetitively thiab lim nws txhua lub sijhawm yuav ua pov thawj sijhawm siv, tsis tas yuav ua rau daim ntawv thov ua tau zoo.

function FilterArray() { // Define the original array. var OriginalData = new Array( 'Red', 'Orange', 'Yellow', 1, 'Green', true, 'Blue'); // Define an array to receive the filtered data. var FilteredData = new Array(); // Show the original data. DisplayArray(OriginalData, 'Original'); // Filter the data. for (var i = 0; i 

Qhov piv txwv pib los ntawm kev tsim kab,OriginalData, nrog qee cov ntaub ntawv errant hauv nws. Lub array yuav tsum muaj cov hlua, tab sis koj tuaj yeem pom tias nws muaj ob qho kev suav nrog thiab Boolean cov ntaub ntawv. Cov piv txwv kuj tsimFilteredData, uas tam sim no tsis muaj dab tsi tab sis thaum kawg yuav suav tag nrho cov ntaub ntawv muaj txiaj ntsig los ntawmOriginalDataCov.

Ntxaij tshwm sim hauv lubraulub voj. Yog tias tam sim no cov khoom siv array tsis tau ntawm hom hlua, tom qab ntawd cov cai txuas mus txuas rau lub voj txuas ntxiv. Txawm li cas los xij, thaum cov khoom siv yog hom hlua, txoj cai siv lublaub ()kev ntxiv cov array tam sim no rauFilteredDataCov.

composure pro rau cov dev

Daim ntawv ceeb toom cov hu rauDisplayArray ()Cov. Qhov no yog ib qho piv txwv ntawm kev coj cov code tawm ntawm txoj haujlwm thiab muab nws tso rau hauv kev ua haujlwm ntxiv kom qhov chaws to taub yooj yim. Tsis tas li ntawd, nws ua kom txhua qhov haujlwm ua tau haujlwm ib qho. Qhov no,DisplayArray ()tawm cov ntaub ntawv tseem ceeb rau ib qho chaw tshwj xeeb ntawm lub ntsej muag zoo li no:

function DisplayArray(TheArray, DisplayID) { // Create an output string. var DisplayString = '
    ' // Build the display string. for (var i = 0; i '; } // Complete the list. DisplayString += '
'; // Display the data. document.getElementById(DisplayID).innerHTML = DisplayString; }

DisplayArray ()lees txais ob qho kev nkag: ib qho kab ke rau cov txheej txheem thiab cov cim ntawm qhov screen caij kom tau txais cov ntaub ntawv. Cov tshev niaj zaus raug rho tawm ntawm qhov haujlwm no rau qhov tsis pom tseeb, tab sis yog tias koj tab tom tsim txoj haujlwm no rau ib puag ncig ntau lawm, koj yuav tsum suav nrog lawv.

Qhov no,DisplayArray ()siv cov ntawv sau tsis muaj npe (muab teev cia) los qhia cov ntaub ntawv ntawm lub vij tsam. Yog li,Cov Nus Muag Khoomtau txais cov pib ua haujlwm los pib hlua. Lub array ntxiv cov npe khoom (

  • cim npe) rauCov Nus Muag Khoom- ib qho rau txhua pawg khoom siv. Qhov xaus
      tag yog ntxiv tom qab lubraulub voj ua tiav, thiab cov khoom tso tawm kom pom ntawm lub ntsej muag hauv cov khoom teeb tsa kom raug.

      duab0.jpg