آموزش JavaScript
دسته بندی ( ۲۶۰ آموزش )
نمایش دسته بندی ها (۲۶۰ آموزش)
مباحث اولیه، در JavaScript
مباحث اولیه، در JavaScript 18
کنسول (Console)، در JavaScript
کنسول (Console)، در JavaScript 24
نمایش متن در خروجی صفحه، در JavaScript
نمایش متن در خروجی صفحه، در JavaScript 2
عملگرها (Operator)، در JavaScript
عملگرها (Operator)، در JavaScript 0
متغیرها (Variable)، در JavaScript
متغیرها (Variable)، در JavaScript 8
رشته ها (متن ها - String)، در JavaScript
رشته ها (متن ها - String)، در JavaScript 28
نمایش پیام، در JavaScript
نمایش پیام، در JavaScript 4
توابع (Function)، در JavaScript
توابع (Function)، در JavaScript 5
حلقه ها (Loop)، در JavaScript
حلقه ها (Loop)، در JavaScript 3
آرایه ها (Array)، در JavaScript
آرایه ها (Array)، در JavaScript 34
شیء ها (Object)، در JavaScript
شیء ها (Object)، در JavaScript 2
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript 7
کلاس های (Class) عنصرها، در JavaScript
کلاس های (Class) عنصرها، در JavaScript 5
id عنصرها، در JavaScript
id عنصرها، در JavaScript 0
مشخصه های (Attribute) عنصرها، در JavaScript
مشخصه های (Attribute) عنصرها، در JavaScript 1
رویدادها (Event)، در JavaScript
رویدادها (Event)، در JavaScript 0
عملیات های ریاضی، در JavaScript
عملیات های ریاضی، در JavaScript 18
تاریخ و زمان، در JavaScript
تاریخ و زمان، در JavaScript 10
زمان بندی اجرای کدها، در JavaScript
زمان بندی اجرای کدها، در JavaScript 2
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript 6
فرم ها (Form)، در JavaScript
فرم ها (Form)، در JavaScript 11
عکس ها (Image)، در JavaScript
عکس ها (Image)، در JavaScript 2
دکمه ها (Button)، در JavaScript
دکمه ها (Button)، در JavaScript 2
لینک ها (Link)، در JavaScript
لینک ها (Link)، در JavaScript 5
پنجره ها (Window)، در JavaScript
پنجره ها (Window)، در JavaScript 2
جدول ها (Table)، در JavaScript
جدول ها (Table)، در JavaScript 1
رنگ ها (Color) و تعیین رنگ، در JavaScript
رنگ ها (Color) و تعیین رنگ، در JavaScript 1
کلیک کردن (Click)، در JavaScript
کلیک کردن (Click)، در JavaScript 1
اسکرول (Scroll)، در JavaScript
اسکرول (Scroll)، در JavaScript 2
کار با کل صفحه، در JavaScript
کار با کل صفحه، در JavaScript 1
صفحه فعلی (Current Page)، در JavaScript
صفحه فعلی (Current Page)، در JavaScript 19
دریافت ورودی از کاربر، در JavaScript
دریافت ورودی از کاربر، در JavaScript 1
تمرکز (Focus)، در JavaScript
تمرکز (Focus)، در JavaScript 3
مرورگر اینترنت (Browser)، در JavaScript
مرورگر اینترنت (Browser)، در JavaScript 3
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript 10
کار با کیبورد (Keyboard)، در JavaScript
کار با کیبورد (Keyboard)، در JavaScript 2
موس، در JavaScript
موس، در JavaScript 1
Iframe ها، در JavaScript
Iframe ها، در JavaScript 1
بارگذاری (دانلود) فایل، در JavaScript
بارگذاری (دانلود) فایل، در JavaScript 1
علامت ها (Sign)، در JavaScript
علامت ها (Sign)، در JavaScript 0
تکنیک Ajax ، در JavaScript
تکنیک Ajax ، در JavaScript 4
ساختار JSON ، در JavaScript
ساختار JSON ، در JavaScript 0
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript 1
مباحث عمومی، در JavaScript
مباحث عمومی، در JavaScript 2

اجرای یک عملیات تعریف شده توسط یک تابع (Function) بر روی عنصرهای (Element) یک آرایه (Array)، به صورت دو به دو و پشت سرهم و با ترتیب از عنصر اول به آخر (از چپ به راست) و برگرداندن نتیجه به صورت تنها یک مقدار (Value)، با روش reduce ، در JavaScript

گاهی اوقات نیاز داریم که یک عملیات خاص را بر روی عنصرهای (Element) یک آرایه (Array) اجرا کنیم، به این صورت که ابتدا عملیات بر روی دو عنصر اول آرایه اجرا شود، سپس عملیات بر روی نتیجه حاصل شده (از دو عنصر اول) و عنصر سوم اجرا شود و سپس عملیات بر روی نتیجه حاصل شده و عنصر چهارم اجرا گردد و الی آخر (تا آخرین عنصر آرایه).

مثلا اگر عملیات جمع باشد، ابتدا عنصر اول و دوم با هم جمع می شوند، سپس حاصل جمع آنها با عنصر سوم جمع می گردد و سپس حاصل جمع آنها با عنصر چهارم جمع می گردد و الی آخر. بنابراین برای این عملیات خاص (عملیات جمع)، در نهایت یک مقدار (Value) خواهیم داشت که برابر مجموع مقدار همه عنصرهای آرایه می باشد.

برای اینگونه عملیات ها، می توانیم روش reduce در JavaScript را به کار ببریم. به این صورت که ابتدا عملیات مورد نظرمان را به صورت یک تابع (Function) تعریف می کنیم و سپس تابع (Function) تعریف شده را به ورودی روش reduce می دهیم تا بر اساس آن، عملیات مورد نظر ما را بر روی عنصرهای آرایه (Array) اجرا کند.

نکته

دقت شود که روش reduce ، ترتیب اجرای عملیات بر روی عنصرهای آرایه را به صورت ترتیب قرارگیری آنها در آرایه، یعنی از اول به آخر (از چپ به راست) اجرا می کند، اما اگر قصد داشته باشیم که ترتیب اجرای عملیات بر روی عنصرهای آرایه، به صورت از آخر به اول (از راست به چپ) باشد، می توانیم روش reduceRight ( کلید شماره 27863 ) را به کار ببریم.

به مثال زیر توجه کنید :

مثال

یک تابع با نام My_Function را بر اساس ((عملیات جمع)) تعریف می کنیم و آن را به ورودی روش reduce می دهیم.

بنابراین نتیجه نهایی برابر مجموع مقدار همه عنصرهای (Element) آرایه (Array) می باشد.

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
مثال

یک تابع با نام My_Function را بر اساس ((عملیات تفریق)) تعریف می کنیم و آن را به ورودی روش reduce می دهیم.

بنابراین نتیجه نهایی برابر مقدار اولین عنصر آرایه، منهای مقدار بقیه عنصرهای آرایه خواهد بود.

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
مثال

یک تابع با نام My_Function را بر اساس ((عملیات ضرب)) تعریف می کنیم و آن را به ورودی روش reduce می دهیم.

بنابراین نتیجه نهایی برابر ضرب مقدار همه عنصرهای (Element) آرایه (Array) می باشد.

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
مثال

یک تابع با نام My_Function را بر اساس ((عملیات تقسیم)) تعریف می کنیم و آن را به ورودی روش reduce می دهیم.

بنابراین نتیجه نهایی برابر مقدار اولین عنصر آرایه، تقسیم بر مقدار بقیه عنصرهای آرایه خواهد بود.

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
منابع و لینک های مفید
نویسنده علیرضا گلمکانی
شماره کلید 27862
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو