Adakah terdapat kaedah peta dalam jquery?-Soal Jawab bahagian hadapan-php.cn

Rumah

hujung hadapan web

Soal Jawab bahagian hadapan

Adakah terdapat kaedah peta dalam jquery?

青灯夜游

Jun 09, 2022 pm 05:25 PM

jquery

Terdapat kaedah map() dalam jquery. Kaedah map() digunakan untuk memproses setiap elemen tatasusunan (atau setiap atribut objek) menggunakan fungsi panggil balik yang ditentukan, dan merangkum hasil pemprosesan sebagai tatasusunan baharu dan mengembalikannya, dengan sintaks "$.map(array). atau objek, fungsi panggil balik)". Kaedah map() akan menghantar dalam dua parameter kepada fungsi panggil balik: parameter pertama ialah elemen atau nilai atribut lelaran semasa, dan parameter kedua ialah indeks tatasusunan atau nama atribut objek item lelaran semasa jika pulangan nilai fungsi panggil balik adalah batal atau tidak ditentukan tidak akan ditambahkan pada tatasusunan hasil.

Adakah terdapat kaedah peta dalam jquery?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.0, komputer Dell G3.

Terdapat kaedah map() dalam jquery.

Dalam jquery, kaedah map() digunakan untuk memproses setiap elemen tatasusunan (atau setiap atribut objek) menggunakan fungsi panggil balik yang ditentukan, dan merangkum hasil pemprosesan sebagai tatasusunan baharu dan mengembalikannya.

Nota: 1. Sebelum jQuery 1.6, fungsi ini hanya menyokong tatasusunan merentasi bermula dari 1.6, fungsi ini juga menyokong objek yang melintasi.

Format sintaks:

$.map( object, callback )

参数	描述
object	Array/Object类型指定的需要处理的数组或对象。
callback	Function类型指定的处理函数。

map() akan menghantar dua parameter kepada fungsi panggil balik: satu ialah elemen atau nilai atribut bagi lelaran semasa dan yang lain Adalah indeks tatasusunan atau nama harta objek bagi item lelaran semasa.

Nilai pulangan fungsi panggil balik akan digunakan sebagai elemen dalam tatasusunan hasil Jika nilai pulangan adalah batal atau tidak ditentukan, ia tidak akan ditambahkan pada tatasusunan hasil.

Contoh: Gunakan $.map() untuk mengubah suai nilai tatasusunan

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<style>
			div { color:blue; }
			p { color:green; margin:0; }
			span { color:red; }
		</style>
		<script src="./js/jquery-3.6.0.min.js"></script>
	</head>
	<body>

		<div></div>
		<p></p>
		<span></span>
		<script>
			$(function() {
				var arr = ["a", "b", "c", "d", "e"];
				$("div").text(arr.join(", "));
				arr = $.map(arr, function(n, i) {
					return (n.toUpperCase() + i);
				});
				$("p").text(arr.join(", "));
				arr = $.map(arr, function(a) {
					return a + a;
				});
				$("span").text(arr.join(", "));
			})
		</script>

	</body>
</html>

Adakah terdapat kaedah peta dalam jquery?

Meluaskan pengetahuan

Kaedah peta boleh merentasi tatasusunan, tetapi bolehkah ia melintasi tatasusunan pseudo? Jadi mari kita terus ke kod!

Jelas sekali ia mungkin kelihatan seperti setiap kaedah dalam jQuery dan peta kaedah juga Tatasusunan Pseudo boleh dilalui

Memandangkan kedua-dua kaedah masing-masing dan peta dalam jQuery boleh merentasi tatasusunan dan tatasusunan pseudo, apakah perbezaan antara mereka?

1. Nilai pulangan lalai bagi setiap kaedah adalah untuk mengembalikan sesiapa yang dilalui

2 Nilai pulangan lalai kaedah peta ialah tatasusunan kosong

1 Setiap kaedah tidak menyokong pemprosesan tatasusunan yang dilalui dalam fungsi panggil balik

2. Kaedah peta boleh memproses tatasusunan melalui pengembalian dalam fungsi panggil balik, dan kemudian jana tatasusunan baharu untuk kembali

Anda boleh melihat tatasusunan yang dikembalikan oleh kaedah peta ialah indeks ditambah nilai yang sepadan dengan indeks, Jadi kaedah peta boleh memproses tatasusunan yang dilalui melalui pemulangan, dan kemudian menjana tatasusunan baharu untuk mengembalikan

dan Setiap satu tidak menyokong pemprosesan tatasusunan yang dilalui dalam fungsi panggil balik melalui pemulangan

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Adakah terdapat kaedah peta dalam jquery?. 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

Artikel Berkaitan

CSS: Bolehkah saya menggunakan pelbagai ID dalam DOM yang sama?May 14, 2025 am 12:20 AM

Tidak, youdouldn'tusemultipleidsinthesamedom.1) idsmustbeuniquperhtmlspecification, andingduplicatescancauseonsistentbrowsbehavior.2)

Tujuan HTML5: Mewujudkan Web yang lebih kuat dan boleh diaksesMay 14, 2025 am 12:18 AM

Html5aimstoenhanceWebcapabilities, makeitmoredynamic, interaktif, dan boleh diakses.1) itsupportsmultimeDiaelementsLikeand, menghapuskanTheTheneedforplugins.2) semantikelementsImproveAccessibilityandcodeReadability.3) Ciri -ciri

Matlamat penting HTML5: Meningkatkan Pembangunan Web dan Pengalaman PenggunaMay 14, 2025 am 12:18 AM

Html5aimstoenhancewebdevelopmentanduserexperiencetroughsemanticstructure, multimediaintegration, andperformanceimprovements.1)

HTML5: Adakah ia selamat?May 14, 2025 am 12:15 AM

Html5isnotinherentlyinsecure, butitsfeaturescanleadtosecurityriskssifmisusedorimproperlyimplemented.1) usethesandboxattributeiniframestocontrolembeddedcontentandpreventvulnerabilitieSlIKeClickjacking

Matlamat HTML5 berbanding dengan versi HTML yang lebih lamaMay 14, 2025 am 12:14 AM

Html5aimedtoenhanceWebdevelopmentbyintroducingsemanticelements, nativemultimediasupport, peningkatan prestasi, danflineCapabilities, kontrasingwiththelimitationsofhtml4andxhtml.1) iTintroducedSemanTictagsike,

CSS: Adakah buruk menggunakan pemilih ID?May 13, 2025 am 12:14 AM

Menggunakan pemilih ID tidak sememangnya buruk dalam CSS, tetapi harus digunakan dengan berhati -hati. 1) Pemilih ID sesuai untuk elemen unik atau cangkuk JavaScript. 2) Untuk gaya umum, pemilih kelas harus digunakan kerana ia lebih fleksibel dan dapat dipelihara. Dengan mengimbangi penggunaan ID dan kelas, seni bina CSS yang lebih mantap dan cekap dapat dilaksanakan.

HTML5: Matlamat pada tahun 2024May 13, 2025 am 12:13 AM

Html5'sgoalsin2024focusonrefinementandoptimization, notnewfeatures.1) enhanceperformanceandeficiencythroughoptimizedrendering.2) ImproveAccessibilityWithreFinedAttributeseMelements.3)