cari
Rumahhujung hadapan webSoal Jawab bahagian hadapanApakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript

Kaedah untuk melaksanakan gelung: 1. untuk penyataan gelung; 3. penyataan gelung "do while" 6. kaedah peta(); 7. kaedah penapis () 8. beberapa ();

Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

12 kaedah traversal gelung dalam JavaScript

1 untuk gelung

let arr = [1,2,3];
for (let i=0; i<arr.length; i++){
 console.log(i,arr[i])
}
// 0 1
// 1 2
// 2 3

Gelung for ialah alat gelung yang paling biasa digunakan dalam JS dan selalunya digunakan untuk lintasan gelung tatasusunan.

2 untuk dalam gelung

let obj = {name:&#39;zhou&#39;,age:&#39;**&#39;}
for(let i in obj){
 console.log(i,obj[i])
}
// name zhou
// age **

kerana dalam gelung digunakan terutamanya untuk melintasi objek biasa, i mewakili nilai kunci objek, dan obj[i ] mewakili nilai yang sepadan, apabila menggunakannya untuk melintasi tatasusunan, kesan yang sama boleh dicapai dalam kebanyakan kes, tetapi anda tidak sepatutnya melakukan ini adalah berisiko, kerana i adalah output dalam bentuk rentetan, bukan subskrip angka diperlukan oleh tatasusunan Ini bermakna bahawa dalam beberapa kes, operasi rentetan akan berlaku, mengakibatkan ralat data, seperti: '52' 1 = '521' dan bukannya 53 yang kita perlukan.

Selain itu, apabila gelung for in bukan sahaja merentasi sifatnya sendiri, ia juga akan menemui prototaip, jadi sebaiknya tambah pertimbangan dalam badan gelung, hanya gunakan obj[i].hasOwnProperty( i), untuk mengelakkan Terlalu banyak atribut yang tidak perlu dilalui.

3. Gelung while

Begitu juga melintasi susunan kereta, mula-mula gunakan kaedah gelung for

let cars=["BMW","Volvo","Saab","Ford"];
let i=0;
for (;cars[i];)
{
console.log(cars[i])
i++;
};
// BMW
// Volvo
// Saab
// Ford

dan kemudian kaedah gelung while

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
console.log(cars[i] + "<br>")
i++;
};

4. gelung do while

Gelung do while ialah varian gelung while Mula-mula menjalankan operasi dan kemudian melakukan pertimbangan bersyarat Jika benar, teruskan operasi; jika salah, gelung berakhir.

let i = 3;
do{
 console.log(i)
 i--;
}
while(i>0)
// 3
// 2
// 1

5. Tatasusunan untukSetiap gelung

untukSetiap gelung, gelung melalui setiap elemen dalam tatasusunan dan mengambil operasi tidak ada nilai pulangan perlu mengetahui panjang tatasusunan Terdapat tiga parameter, hanya yang pertama diperlukan dan mewakili nilai di bawah indeks semasa.

let arr = [1,2,3];
arr.forEach(function(i,index){
 console.log(i,index)
})
// 1 0
// 2 1
// 3 2

Juga sila ambil perhatian bahawa gelung forEach tidak boleh dihentikan sebelum semua elemen dipanggil. Jika anda mesti berhenti, anda boleh mencuba pernyataan cuba tangkap, iaitu apabila anda mahu memaksa keluar , membuang ralat untuk menangkap, dan kemudian kembali dalam tangkapan, supaya gelung boleh ditamatkan Jika anda sering menggunakan kaedah ini, adalah lebih baik untuk menyesuaikan fungsi untukSetiap dalam perpustakaan anda.

6. Kaedah peta tatasusunan ()

kaedah map() mengembalikan tatasusunan baharu Elemen dalam tatasusunan ialah elemen tatasusunan asal selepas memanggil nilai fungsi.

Nota: Kaedah peta dan forEach hanya boleh digunakan untuk melintasi tatasusunan, bukan objek biasa.
let arr = [1,2,3];
let tt = arr.map(function(i){
 console.log(i)
 return i*2;
})
// [2,4,6]


7. Kaedah penapis tatasusunan ()

Kaedah penapis ialah kaedah terbina dalam objek Tatasusunan tanpa menukar tatasusunan asal.

let arr = [1,2,3];
let tt = arr.filter(function(i){
 return i>1;
})
// [2,3]

8 kaedah Tatasusunan beberapa()

kaedah some() digunakan untuk mengesan sama ada elemen dalam tatasusunan memenuhi syarat yang ditetapkan (disediakan oleh function) dan mengembalikan nilai boolean tanpa mengubah tatasusunan asal.

let arr = [1,2,3];
let tt = arr.some(function(i){
 return i>1;
})
// true

9 kaedah Tatasusunan setiap()

setiap kaedah() digunakan untuk mengesan sama ada semua elemen tatasusunan memenuhi syarat yang ditetapkan (disediakan melalui function) dan mengembalikan nilai boolean, tidak mengubah tatasusunan asal.

let arr = [1,2,3];
let tt = arr.some(function(i){
 return i>1;
})
// 检测数组中元素是否都大于1
// false

10. Kaedah reduce() Array

Kaedah reduce() menerima fungsi sebagai penumpuk, setiap nilai dalam tatasusunan (dari kiri ke kanan ) mula berkurangan dan akhirnya dikira kepada nilai.

let arr = [1,2,3];
let ad = arr.reduce(function(i,j){
 return i+j;
})
// 6

11. Kaedah reduceRight() Array

Kaedah reduceRight() mempunyai fungsi yang sama seperti reduce(), ia bermula dari hujung tatasusunan untuk Mulakan pengiraan sebelum.

let arr = [1,2,3];
let ad = arr.reduceRight(function(i,j){
 return i+j;
})
// 6

12 untuk gelung

Gelung for ialah pernyataan baharu dalam Es6, digunakan untuk menggantikan untuk dalam dan untukSetiap Tatasusunan (Array), Rentetan (String), Peta (Pemetaan), Set (Koleksi) dan struktur data boleh lelar (Data boleh lelar) lain, perhatikan keserasiannya.

let arr = [&#39;name&#39;,&#39;age&#39;];
for(let i of arr){
 console.log(i)
}
// name
// age
[Cadangan berkaitan:

tutorial pembelajaran javascript

]

Atas ialah kandungan terperinci Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Apakah batasan React?Apakah batasan React?May 02, 2025 am 12:26 AM

React'slimitationscincu: 1) asteeplearningcurveduetoitsvastecosystem, 2) seochallengeswithclient-siderendering, 3) potensiperformanceisseSsueSinlarGeapplications, 4) complexstatemanagementasappsgrow, dan5) theneedtokeepupwithitshiteVolution.terichePupePher.

Kurva Pembelajaran React: Cabaran untuk pemaju baruKurva Pembelajaran React: Cabaran untuk pemaju baruMay 02, 2025 am 12:24 AM

ReactischallengingforbeginnersduetoitssteeplearningcurveandParadigmshifttocomponent-rasedarchitecture.1) permulaan

Menjana kekunci yang stabil dan unik untuk senarai dinamik dalam ReactMenjana kekunci yang stabil dan unik untuk senarai dinamik dalam ReactMay 02, 2025 am 12:22 AM

ThecorechallengeingeneratingsTableAnduniqueysfordynamicListSinreactisensuringingconsistententidentifiersacrossre-renderforefficientdomupdates.1) usenaturalkeyshenpossible, astheyarereliafuniqueandstable.2) GeneratesYntheticeSbaseSbasedonMultonmultRase

Keletihan JavaScript: Tinggal semasa dengan React dan alatnyaKeletihan JavaScript: Tinggal semasa dengan React dan alatnyaMay 02, 2025 am 12:19 AM

JavaScriptfatigueinReactismanageablewithstrategieslikejust-in-timelearningandcuratedinformationsources.1)Learnwhatyouneedwhenyouneedit,focusingonprojectrelevance.2)FollowkeyblogsliketheofficialReactblogandengagewithcommunitieslikeReactifluxonDiscordt

Komponen Ujian yang Menggunakan Cangkuk UseState ()Komponen Ujian yang Menggunakan Cangkuk UseState ()May 02, 2025 am 12:13 AM

TotestreactcomponentsusingtheusestateHook, usejestandreacttestinglibrarytosimulateIntionsIntionsandverifyStateChangesIntheui.1)

Kekunci dalam React: menyelam mendalam ke dalam teknik pengoptimuman prestasiKekunci dalam React: menyelam mendalam ke dalam teknik pengoptimuman prestasiMay 01, 2025 am 12:25 AM

KeysinreactarecrucialForOptimizingPerformanceAdingInefficientListupdates.1) UsEkeyStoIdentifyandTrackListelements.2) EvoleUsingArtArrayindicesSeyStoPreventProventProveSsues.3) pemilihan yang boleh dikenali

Apakah kunci dalam React?Apakah kunci dalam React?May 01, 2025 am 12:25 AM

Reactkeysareuniqueidiersededwhenrenderingliststoimprovereconciliationeficiency.1) theHelpreacttrackChangesinListItems, 2) menggunakanStableAnduniquiDiersLikeitemidsisismended, 3) mengelakkanAringArtArayindicesSeyStopreVentisswithreordering, dan.

Kepentingan kunci unik dalam React: Mengelakkan perangkap biasaKepentingan kunci unik dalam React: Mengelakkan perangkap biasaMay 01, 2025 am 12:19 AM

UnikKeysarecrucialinreactoroptimizingRenderingAndMaintainingComponentStateIntrity.1) useanaturalUniquierifierifierFromyourdataifavailable.2) ifnonaturalalidentifierexists, generateauniquekeyusingalibraryLikeuUid.3)

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

mPDF

mPDF

mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa