0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آرایه ها در جاوا اسکریپت

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 1179
تاریخ بروزرسانی ۱۳ آذر ۱۳۹۸

آموزش آرایه ها در جاوا اسکریپت جلسه هفتم

 

آرایه ها در جاوا

آرایه ها در جاوا اسکریپت

 

بعد از یادگیری انواع داده ها در جاوا اسکریپت نوبت به بحث آرایه ها میرسد که در این مطلب به توضیح موارد زیر که برای بحث آرایه ها در جاوا اسکریپت می باشد می پردازیم.

 

• آرایه چیست؟
• شکل کلی آرایه
• نحوه ی دسترسی به آرایه
• متدهای آرایه
• متد ()length
• متد()concat
• متد ()join
• متد ()pop
• متد ()Push
• متد ()splice
• متد ()Slice

 

آرایه چیست؟

آرایه یک نوع خاص از متغیر ها است که با یک نام و نوع داده می توان چندین مقدار را در آن ذخیره کرد ، استفاده می شود.

شکل کلی آرایه

شکل کلی آرایه به صورت زیر می باشد که array-name نام آرایه است و item آیتم های آرایه می باشد.

var array-name = [item1, item2, …];

می خواهیم آرایه ای برای فروشندگان تعریف کنیم که در هر جای دیگر احتیاج به مشخصات فروشندگان داشتیم نیازی به تکرار همه ی اطلاعات نداشته باشیم.
در مثال زیر میبینید که نام آرایه shop می باشد ‎و محصولات با نام های مربوطه در قسمت item نوشته شدند.

<p id=”demo”>pen,eraiser,ball</p>

<script>

var shop = [“pen”, “eraiser”, “ball”];
document.getElementById(“demo”).innerHTML = shop;
</script>

اولین خانه ی آرایه با محتوای والیبال پر می شود. می دانیم که خانه های آرایه از 0 شروع می شود همچنین برای دسترسی به آخرین آرایه از 1- استفاده می گردد.

برای مقدار دادن به آرایه به صورت زیر عمل می کنیم.

ball[0] = ” Volleyball”;‎

نحوه ی دسترسی به آرایه ها در جاوا اسکریپت

var name = pen[0];
var name = pen[10];

متدهای آرایه

متد length:

‎ برای مشاهده طول آرایه از length استفاده می کنیم مانند مثال زیر که به ما نشان میدهد آرایه ی shop سه عدد المان دارد.

Shop. Length;

خروجی:

// the length of shop is 3

برای مرتب کردن آرایه از متد ()sort استفاده می شود.

متد ()concat :

برای اتصال دو آرایه استفاده می شود مانند مثال زیر که myfamily برابر با اتصال mygirls و myboys است

var myfamily= myGirls.concat(myBoys)

متد ()join:

متد ()tostring برای جدا کردن عناصر با علامت ستاره می باشد ولی متد ()join تمام عناصر را در آرایه جدید با جدا کننده دلخواه خودتان قرار می دهد.

document.getElementById(“demo”).innerHTML = shop.join(” + “);

متد ()pop:

برای حذف مقدار از آرایه مانند مثال زیر از pop استفاده می کنیم.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array</h2>

<h2>pop()</h2>

<p>The pop() method removes the last element from an array.</p>

<p id=”demo1″></p>
<p id=”demo2″></p>

<script>
var shop = [“pen”, “eraiser”, “ball”];

document.getElementById(“demo1”).innerHTML = shop;
shop.pop();
document.getElementById(“demo2”).innerHTML = shop;
</script>

</body>
</html>

متد ()Push:

برای اضافه کردن مقدار به آرایه مانند مثال زیر که کتاب را به فروشگاه مان اضافه کردیم  از push استفاده می کنیم.

 

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array Methods</h2>

<h2>push()</h2>

<p>The push() method appends a new element to an array.</p>

<button onclick=”myFunction()”>Try it</button>

<p id=”demo”></p>

<script>
var shop = [“pen”, “eraiser”, “ball”];

document.getElementById(“demo”).innerHTML = shop;

function myFunction() {
shop.push(“book”);
document.getElementById(“demo”).innerHTML = shop;
}
</script>

</body>
</html>

متد ()splice:

برای اضافه و پاک کردن قسمت های خاص آرایه از این متد استفاده می شود که دو پارامتر می گیر که اولی (2) برای مشخص کردن چندمین مقدار آرایه و دومین مقدار (1) برای مشخص کردن تعداد مقدار حذف شدن می باشد.

shop.splice(2, 1);

متد ()Slice:

این متد قسمتی از آرایه را برداشته و ما بقی آرایه را در آرایه جدیدی قرار می دهد. مثال زیر قسمت اول آرایه فعلی را برداشته و آرایه را بدون قسمت اول در آرایه جدید قرار می دهد.

var نام آرایه جدید = نام آرایه فعلی.slice(1);

تیم طراحی سایت اصفهان بر این امید است این مطلب مورد استفاده شما دوستان قرار بگیرد مطلب بعدی در زمینه جاوا اسکریپت عملگرهای محاسباتی می باشد که کاربردهای زیادی دارد و بحث مهمی در جاوا اسکریپت می باشد.

0/5 (0 Reviews)
مطالب مرتبط
تفاوت توسعه دهنده وب و طراح وب چیست ؟
مطالعه :

در این مقاله از تیم وب یار قصد داریم به بررسی تفاوت طراح وب و توسعه دهنده وب بپردازیم. پس در ادامه با ما همراه باشید. طراح وب کیست ؟ طراح وب (Web Designer ) کسی است که چشم انداز کلی سایت را طراحی کرده و برای یک وب سایت برنامه ریزی می کند. طراحی وب کمتر به استفاده از کد برای جان بخشیدن به وب سایت مربوط می شود و بیشتر به تعیین چیدمان سایت ، پالت رنگ ، انتخاب قلم و مضامین بصری می پردازد که می تواند با کدنویسی توسط یک توسعه دهنده وب زنده شود. طراحان وب در درجه اول مسئولیت آگاهی از نحوه کار کد را ندارند . اما اطمینان حاصل می کنند که برای بازدید کنندگان ، وب سایت زیبا و کاربر پسند است. آنها از نرم افزارهای طراحی گرافیک از جمله محصولاتی مانند Adobe Photoshop ، Illustrator ، Inkscape  و … استفاده خواهند کرد. یک طراح وب معمولا باید مسلط به مباحث UX ( تجربه کاربری ) و UI (رابط کاربری ) باشد. در واقع یک طراح وب باعث می شود وب سایت شما خوب به نظر برسد. آنها همچنین از کدهایی مانند HTML و CSS برای ایجاد طرح های خود استفاده می کنند.   توسعه دهنده وب کیست ؟ توسعه دهندگان وب (Web Developer ) برنامه نویسانی هستند که طرح های ارائه […]

Ajax
مطالعه :

تا قبل از تکنولوژی ایجکس برای تغییر بخشی از صفحه نیاز به بارگذاری کل صفحه وب بود. اما بعد از ایجکس (Ajax) تبادل اطلاعات با سرور به حدی پیشرفت کرد که برای تغییر  قسمتهایی از صفحه وب دیگر نیازی به بارگذاری مجدد کل صفحه نبود. همراه ما باشید تا ساز و کار این تکنولوژی محبوب و کارآمد را با شما در میان بگذاریم.   ایجکس چیست؟ Ajax مخفف Asynchronous Javascript And Xml روشی است که با ترکیب جاوااسکریپت و Xml به سرور درخواستی برای بارگذاری بخشی از صفحه را می دهد. Google suggestion یکی از بهترین مثال ها برای تفهیم Ajax  است. هنگامی که شما درگوگل  عبارتی را تایپ می کنید گوگل در عرض چند میلی ثانیه به شما ادامه عبارت را پیشنهاد می‌کند. این سیستم از ajax پیشتیبانی می‌کند. در صورت عدم وجود ایجکس گوگل برای هر پیشنهاد مجبور به بارگذاری کل صفحه می شد!   سازوکار Ajax چگونه است؟ نحوه کارajax به این صورت است که با ارسال داده ها به سرور و به کمک جاوااسکریپت شی xmlHttpRequest را می سازد. ویژگی این شی این است که به صورت مستقیم می‌تواند صفحات و یا وب سرویس ها را از سمت کاربر دریافت و به سمت سرور ارسال کند. به این صورت که درخواست‌ها از مرورگر می گیرد و در سمت سرور پردازش و دوباره به مرورگر باز می‌گرداند. […]

آموزش کسب درآمد از بیت کوین
مطالعه :

با آموزش کسب درآمد رایگان از بیت کوین و دیگر ارز های دیجیتال در خدمت شما مخاطب خوب سایت وب یار هستیم. ارز دیجیتال: از آن جا که سال 2021 را بسیاری از اقتصاد دان ها سال ارز دیجیتال نامیدند،تصمیم بر آن داریم تا شما را با این نوع از ارز ها آشنا کنیم. هدف از این مقاله افزایش سواد جامعه و جلوگیری از فریب مردم می باشد.     تاریخچه: شاید شما بر این باور باشید که اولین ارز دیجیتال بیت کوین می باشد. ولی سخت در اشتباهید. اولین ارز دیجیتال یک ارز به نام E-gold می باشد. معنای این اسم طلای دیجیتالی می باشد.این ارز اولین بار در سال 1996 توسط شخصی به نام داگلاس جکسون ساخته و ارائه شد.اما به یک سری دلایل که در چارچوب این مقاله نمی گنجد در سال 2006 به کار خود پایان داد. بیت کوین: درست 2 سال پس از پایان فعالیت E-gold شخصی با نام مستعار ساتوشی ناکاموتو یک ارز غیر متمرکز را با نام بیت کوین معرفی کرد. اما این ارز هیچ شباهتی به E-gold نداشت. چون تحت یک تکنولوژی غیر متمرکز به نام بلاک چین ساخته شده بود. در سال 2009 اولین بیتکوین ها با قیمت 0.03$ استخراج و خریداری شدند.     افزایش قیمت بیت کوین: در سال 2010 اولین مبادلات با بیتکوین انجام شد. پس از آن […]

سئو محلی چیست ؟
مطالعه :

سئو محلی چیست ؟     سئو محلی (local SEO) یک استراتژی بهینه سازی موتور جستجو (SEO) است که به دیده شدن تجارت شما در نتایج جستجوی محلی در گوگل کمک می کند. هر مشاغلی که دارای موقعیت فیزیکی یا منطقه جغرافیایی باشد می تواند از سئو محلی بهره مند شود. local SEO چگونه عمل می کند؟ در روزهای ابتدایی اینترنت ، تعداد نسبتاً کمی وب سایت وجود داشت ، بنابراین پیمایش در وب آسان بود. به محض اینکه اینترنت شروع به گسترش کرد ، موتورهای جستجو ایجاد شدند تا به کاربران اجازه دهند سایت های مورد نظر خود را با سهولت بیشتری پیدا کنند. پس از تجزیه و تحلیل رفتار کاربران در طی تریلیون جستجو ، گوگل دریافت که افرادی که به دنبال انواع خاصی از مشاغل هستند به نتایج نزدیک خود نیاز دارند. به همین دلیل الگوریتم جستجوی محلی گوگل دارای یک فاکتور مجاورت است . در واقع گوگل هنگام جستجوی کلمه کلیدی محلی موقعیت مکانی شما را در نظر می گیرد. این اتفاق می افتد حتی اگر کاربر نام شهر یا عبارت “نزدیک من” را در جستجوی خود وارد نکند. به عنوان مثال اگر در محل کار خود هستید و می خواهید برای ناهار یک پیتزا تحویل بگیرید ، لیستی از مکان های نزدیک دفتر شما را در صفحه نتایج نمایش می دهد. اما اگر همان جستجو را […]

درگاه پرداخت تلگرام و اینستاگرام
مطالعه :

با توجه به بازار داغ خرید و فروش در اینستاگرام و تلگرام و محبوبیت روزافزون این دو سوشیال مدیا برآن شدیم که راهی آسان و تنها با فشردن چند کلیک، برای دریافت درگاه پرداخت تلگرام و اینستاگرام را خدمت شما عزیزان ارائه دهیم. درگاه پرداختی آنلاین بدون نیاز به دریافت اینماد.   آنچه خواهیم خواند اینماد چیست؟ مدارک و شرایط لازم برای دریافت اینماد درگاه پرداخت آنلاین زرین پال درگاه پرداخت  برای کسب و کارهای اینستاگرامی و تلگرامی اینماد چیست؟ اینماد یا همان نماد اعتماد الکترونیکی(E-Namad) نمادی است که به وب سایت ها و کسب و کارهای اینترنتی اعتبار و رسمیت می بخشد. این نماد توسط مرکز توسعه تجارت الکترونیک به سایت هایی که در آن ها تراکنش مالی صورت می گیرد داده می شود.   مدارک و شرایط لازم برای دریافت اینماد شما به عنوان یک شخص حقیقی با ارائه ی مدارکی نظیر: مجوز کسب و کار تعهد شخص حقیقی شناسنامه، کارت ملی و مدرک نظام وظیفه و پرداخت هزینه می توانید موفق به دریافت دو ساله ی این نماد شوید. علاوه بر مدارک گفته شده هر سایت برای دریافت اینماد موظف به رعایت قوانین و الزاماتی است. الزاماتی نظیر: تایید مالکیت دامنه پشتیبانی از زبان فارسی عدم استفاده از پاپ آپ فروشگاهی بودن سایت درج قیمت روی هر محصول نمایش لینک ثبت شکایت در هر قسمت سایت درج […]

اینستا والت چیست؟
مطالعه :

اینستا والت چیست؟ اینستا والت یک کیف پول ارز دیجیتال می باشد که در 29 آپریل 2011 راه اندازی شد. این کیف پول ها به منظور نگه داری ارز های دیجیتال و فیات استفاده می شد. ارز هایی نظیر: بیت کوین اتریوم لایت کوین تتر کاردانو و موارد دیگر نظیر این ارز ها را میشد در آن نگه داری کرد. این کیف پول از نوع دیجیتالی می باشد. گفته می شود که 3 ماه پس از رو نمایی از این کیف پول، بسته شد. کلاهبرداری با کیف پول اینستا ولت: در چند سال گذشته برخی از این افراد با ایجاد وب سایتی مشابه این وب سایت ایجاد کردند. سعی کردند به این وسیله پول شویی کنند. نحوه فعالیت این وب سایت ها: این افراد به بهانه این که در خارج از کشور هستند و میخواهند چیزی را خریداری کنند یا این که برای کسی پولی بفرستند، با استفاده از این کیف پول از شما کلاه برادری می کنند. یا این که از طریق شما یک فرایند پول شویی را انجام می دهند. چگونه شما در دام این وبسایت ها خواهید افتاد؟ افرادی با شماره های خارج از کشور که اغلب اروپا و کانادا هستند با شما تماس خواهند گرفت. از شما درخواست می کنند این کیف پول را نصب کنید. تا پولی به حساب شما بریزد و یک چیز در […]

دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *