طرق صفيف جافا سكريبت: الإنشاء باستخدام المثال

ما هي المصفوفة؟

المصفوفة هي كائن يمكنه تخزين ملف مجموعة من العناصر. تصبح المصفوفات مفيدة حقًا عندما تحتاج إلى تخزين كميات كبيرة من البيانات من نفس النوع. لنفترض أنك تريد تخزين ديtails من 500 موظف. إذا كنت تستخدم متغيرات، فسيتعين عليك إنشاء 500 متغير بينما يمكنك فعل الشيء نفسه باستخدام مصفوفة واحدة. يمكنك الوصول إلى العناصر الموجودة في المصفوفة من خلال الرجوع إليها رقم الفهرس ومؤشر العنصر الأول في المصفوفة هو صفر.

جافا سكريبت إنشاء صفيف

يمكنك إنشاء مصفوفة في جافا سكريبت على النحو المبين أدناه.

var students = ["John", "Ann", "Kevin"];

هنا، تقوم بتهيئة المصفوفة الخاصة بك عند إنشائها بالقيم "John" و"Ann" و"Kevin". مؤشر "جون" و"آن" و"كيفن" هو 0 و1 و2 على التوالي. إذا كنت تريد إضافة المزيد من العناصر إلى مصفوفة الطلاب، فيمكنك القيام بذلك على النحو التالي:

students[3] = "Emma";
students[4] = "Rose";

يمكنك أيضًا إنشاء مصفوفة باستخدام مُنشئ المصفوفة مثل هذا:

var students = new Array("John", "Ann", "Kevin");

OR

var students = new Array();

students[0] = "John";

students[1] = "Ann";

students[2] = "Kevin";

طرق صفيف جافا سكريبت

يحتوي كائن Array على العديد من الخصائص والأساليب التي تساعد المطورين على التعامل مع المصفوفات بسهولة وكفاءة. يمكنك الحصول على قيمة الخاصية عن طريق تحديد arrayname.property ومخرجات الطريقة عن طريق تحديد arrayname.method().

  1. خاصية الطول -> إذا كنت تريد معرفة عدد العناصر في المصفوفة، يمكنك استخدام خاصية الطول.
  2. خاصية النموذج الأولي -> إذا كنت تريد إضافة خصائص وأساليب جديدة، يمكنك استخدام خاصية النموذج الأولي.
  3. طريقة عكسية -> يمكنك عكس ترتيب العناصر في المصفوفة باستخدام الطريقة العكسية.
  4. طريقة الفرز -> يمكنك فرز العناصر في مصفوفة باستخدام طريقة الفرز.
  5. طريقة البوب -> يمكنك إزالة العنصر الأخير من المصفوفة باستخدام طريقة pop.
  6. shift طريقة -> يمكنك إزالة العنصر الأول من المصفوفة باستخدام shift الأسلوب.
  7. طريقة الدفع -> يمكنك إضافة قيمة كعنصر أخير في المصفوفة.

جرب هذا بنفسك:

<html>
<head>
	<title>Arrays!!!</title>
	<script type="text/javascript">
		var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
		Array.prototype.displayItems=function(){
			for (i=0;i<this.length;i++){
				document.write(this[i] + "<br />");
			}
		}	
		document.write("students array<br />");
		students.displayItems();
		document.write("<br />The number of items in students array is " + students.length + "<br />");
		document.write("<br />The SORTED students array<br />");
		students.sort();
		students.displayItems();
		document.write("<br />The REVERSED students array<br />");
		students.reverse();
		students.displayItems();
		document.write("<br />THE students array after REMOVING the LAST item<br />");
		students.pop();
		students.displayItems();
        document.write("<br />THE students array after PUSH<br />");
        students.push("New Stuff");
		students.displayItems();
	</script>
</head>
<body>
</body>
</html>