مهم‌ترین توابع آماده جاوااسکریپت و کاربرد هرکدام (راهنمای ساده با مثال)

معرفی

جاوااسکریپت یک زبان برنامه‌نویسی فوق‌العاده کاربردی است که توابع آماده و پرکاربرد زیادی دارد. این توابع به ما کمک می‌کنند تا کارهای متداولی مثل نمایش پیام، تبدیل نوع داده، کار با رشته‌ها، اعداد و … را به راحتی انجام دهیم، بدون اینکه مجبور باشیم کدهای پیچیده بنویسیم!

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

فهرست مطالب

  1. توابع نمایشی (مثلاً نمایش هشدار و دریافت داده از کاربر)
  2. توابع تبدیل نوع داده
  3. توابع کار با رشته‌ها (متن‌ها)
  4. توابع مربوط به اعداد و ریاضی
  5. توابع کار با آرایه‌ها (لیست‌ها)
  6. جمع‌بندی و تمرین

۱. توابع نمایشی

1.1 تابع alert()

این تابع یک پیام را در قالب پنجره هشدار به کاربر نمایش می‌دهد.

alert('سلام! به وب‌سایت من خوش آمدید.');

1.2 تابع prompt()

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

let name = prompt('اسم شما چیست؟');
alert('سلام ' + name);

1.3 تابع confirm()

یک سؤال بله/خیر از کاربر می‌پرسد و نتیجه true (اگر کاربر تایید کند) یا false را بازمی‌گرداند.

let result = confirm('آیا مطمئن هستید که می‌خواهید ادامه دهید؟');
alert('پاسخ شما: ' + result);

۲. توابع تبدیل نوع داده

2.1 تبدیل متن به عدد:

تابع parseInt()

برای تبدیل رشته به عدد صحیح استفاده می‌شود.

let number = parseInt('24');
alert(number + 10); // نمایش 34

تابع parseFloat()

رشته را به عدد اعشاری تبدیل می‌کند.

let price = parseFloat('3.14');
alert(price * 2); // نمایش 6.28

۳. توابع کار با رشته‌ها

3.1 تابع toUpperCase()

همه حروف متن را به بزرگ تبدیل می‌کند.

let text = 'salam';
alert(text.toUpperCase()); // نمایش SALAM

3.2 تابع toLowerCase()

همه حروف متن را به کوچک تبدیل می‌کند.

let msg = 'JAVASCRIPT!';
alert(msg.toLowerCase()); // نمایش javascript!

3.3 تابع slice()

بخشی از یک رشته را جدا می‌کند.

let str = 'Hello World';
alert(str.slice(0, 5)); // نمایش Hello

۴. توابع مربوط به اعداد و ریاضی

توابع ریاضی در آبجکت Math وجود دارند.

4.1 تابع Math.round()

عدد را به نزدیک‌ترین عدد صحیح گرد می‌کند.

alert(Math.round(3.7)); // نمایش 4

4.2 تابع Math.random()

یک عدد تصادفی بین ۰ تا ۱ تولید می‌کند.

alert(Math.random());

4.3 تابع Math.max()

بزرگ‌ترین عدد بین ورودی‌ها را پیدا می‌کند.

alert(Math.max(5, 12, 18, 7)); // نمایش 18

۵. توابع کار با آرایه‌ها

آرایه، لیستی از داده‌هاست. این توابع برای مدیریت داده‌ها در آرایه کاربرد دارند.

5.1 تابع push()

عنصر جدید به انتهای آرایه اضافه می‌کند.

let fruits = ['سیب', 'موز'];
fruits.push('آناناس');
alert(fruits); // نمایش سیب,موز,آناناس

5.2 تابع pop()

آخرین عنصر آرایه را حذف و مقدار آن را بازمی‌گرداند.

let colors = ['red', 'blue', 'green'];
let lastColor = colors.pop();
alert(lastColor); // نمایش green

5.3 تابع join()

المان‌های آرایه را با یک جداکننده به هم وصل و یک رشته می‌سازد.

let numbers = [1, 2, 3, 4];
alert(numbers.join('-')); // نمایش 1-2-3-4

جمع‌بندی و تمرین

با این توابع، کلی از نیازهای روزمره برنامه‌نویسی را می‌توانیم به سادگی انجام دهیم.
تمرین:
۱. یک برنامه ساده بنویس که از کاربر نام و سنش را بپرسد و به او خوش‌آمد بگوید.
۲. یک آرایه از اعداد داشته باش و جمع عددهای آن را با استفاده از حلقه و توابع عددی محاسبه کن.
۳. یک رشته ایجاد کن و با استفاده از توابع رشته، نیمه اول و دومش را جدا کن و نمایش بده.

محمد وب‌سایت
مطالب مشابه

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

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