اپراتور ها در جاوا اسکریپت (JavaScript) و ویژگی coercion در جاوا اسکریپت

در این مقاله قصد داریم به اپراتورهای عملیات ریاضی بپردازیم. اپراتورهای مختلفی در جاوا اسکریپت وجود دارد مثل جمع(+)،تفریق(-)،تقسیم(/)،ضرب(*) و… .در ادامه کاربرد این اپراتور ها را در جاوا اسکریپت بررسی خواهیم کرد. اگه علاقه مند بودید میتونید محتوای این مقاله روهم در ویدئو زیر ببینید.

اپراتور های حسابی :

اپراتور های حسابی در جاوا اسکریپت (JavaScript) برای انجام محاسبات عددی استفاده می‌شوند. برخی از این اپراتور ها که کاربرد بیشتری دارند در زیر بررسی می‌کنیم:

جمع (+) : برای جمع بستن مقدار اعداد یا متغییرها استفاده می‌شود.
تفریق (-) : برای تفریق کردن مورد استفاده قرار می‌گیرد.
ضرب (*): برای عمل ضرب استفاده می‌شود.
تقسیم (/): برای تقسیم استفاده می‌شود.
باقیمانده (%): باقی مانده حاصل از تقسیم را برمی‌گرداند.
افزایش واحدی (++): برای افزایش یک واحدی استفاده می‌شود.
کاهش واحدی (–): برای کاهش یک واحدی استفاده می‌شود.

برای کار با این اپراتور ها ابتدا یک متغییر تعریف می‌کنیم و به آن مقدار می‌دهیم به صورت زیر :

let myVar = 5;//assign the Value 5 to myVar
console.log(myVar + 5) //Add
console.log(myVar - 15) //Minus
console.log(myVar)//value of myVar

let myVar = 5;//assign the Value 5 to myVar

console.log(myVar + 5) //Add

console.log(myVar - 15) //Minus

console.log(myVar)//value of myVar

خروجی :

خروجی در حالت آخر 5 خواهد بود چون در خط کدهای قبلی ما هیچگونه تخصیص برای myVar درنظر نگرفتیم اما اگر مقدار جدیدی را به آن تخصیص دهیم، مقدار آن تغییر خواهد کرد.مثال:

let myVar = 5;
console.log(myVar)
myVar = myVar - 5;
console.log(myVar)

let myVar = 5;

console.log(myVar)

myVar = myVar - 5;

console.log(myVar)

خروجی :

حال فرض کنید متغییر myVar که مقدار آن صفر است را با رشته “hello” جمع کنیم :

let myVar = 5;
console.log(myVar)
myVar = myVar - 5;
console.log(myVar)
myVar = myVar + 'hello' // Add 'hello' to 0
console.log(myVar) // output

let myVar = 5;

console.log(myVar)

myVar = myVar - 5;

console.log(myVar)

myVar = myVar + 'hello' // Add 'hello' to 0

console.log(myVar) // output

خروجی : خروجی در این حالت 0hello خواهد بود (مطابق شکل )

همچنین در جاوا اسکریپت از عملگر جمع (+) برای الحاق دو یا چند رشته به هم می‌توان استفاده کرد. مثال :

let x = 'hello'
let y = 'world'
console.log(x + y)

let x = 'hello'

let y = 'world'

console.log(x + y)

خروجی :

توجه داشته باشید که درجاوا اسکریپت نمی‌توان یک عدد را در یک رشته ضرب کرد مثال :

let x = 'hello'
console.log(5 * x)

1 2	let x = 'hello' console.log(5 * x)

خروجی در این حالت NaN خواهد بود. مطابق شکل:

اپراتور (%) باقیمانده یک تقسیم را به ما برمی‌گرداند و اپراتور( / ) حاصل تقسیم را برمی‌گرداند:

let x = 25
let y = 5
console.log(x / y)
console.log(x % y)

let x = 25

let y = 5

console.log(x / y)

console.log(x % y)

خروجی :

اپراتور های مقایسه و منطقی در جاوااسکریپت:

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

اپراتور های مقایسه :

عملگر (==) : همسان
عملگر (=!) : ناهمسان
عملگر (===) : مقدار یکسان و نوع یکسان
عملگر (==!) : مقدار متفاوت یا نوع متفاوت
عملگر (<) : بزرگتر از
عملگر (>) : کوچکتر از
عملگر (=<) : بزرگتر یا مساوی
عملگر (=>) : کوچکتر یا مساوی
عملگر (?) : اپراتور سه‌گانه

از جمله اپراتور های دیگر جاوا اسکریپت، اپراتور ‘==’ است. به عنوان مثال:

let x = "12"
let y = 12
console.log(x == y)

let x = "12"

let y = 12

console.log(x == y)

خروجی:

بهترین فریمورک های UI برای استفاده در 2021

همانطور که در تصویر بالا مشاهده می‌کنید خروجی true خواهد بود به این دلیل که در جاوا اسکریپت از یک ویژگی به نام coercion استفاده می‌شود. coercion به دو صورت است :

ضمنی
صریح

در مثال بالا تبدیل به صورت ضمنی صورت گرفته یعنی رشته “12” را به عدد 12 تبدیل می‌کند و سپس مقایسه انجام می‌شود به همین دلیل خروجی true خواهد بود.

اما در تبدیل صریح اینگونه نیست .مثال :

let age = "42"
age = Number(age)
console.log(age)

let age = "42"

age = Number(age)

console.log(age)

خروجی در این حالت عدد 42 خواهد بود (مطابق تصویر) به این صورت که ما با استفاده از متد Number رشته “42” را به عدد 42 به طور صریح تبدیل می‌کنیم و سپس در console نمایش می‌دهیم.

در جاوا اسکریپت اگر بخواهیم دو متغییر را هم از لحاظ مقدار و هم از لحاظ نوع با هم مقایسه کنیم به جای استفاده از اپراتور (==) از اپراتور (===) استفاده می‌کنیم :

let x = "12"
let y = 12
console.log(x === y)

let x = "12"

let y = 12

console.log(x === y)

خروجی : false خواهد بود . چون دو متغییر x, y شاید از لحاظ مقدار مثل هم باشند اما از لحاظ نوع با یکدیگر متفاوت‌اند که یکی string و یکی number است.

همچنین می‌توان از اپراتور های =! و ==! هم برای مقایسه استفاده کرد:

let x = "12"
let y = 12
console.log(x != y)
console.log(x !== y)

let x = "12"

let y = 12

console.log(x != y)

console.log(x !== y)

خروجی به ترتیب false و true خواهد بود (مطابق تصویر ):

از اپراتور سه‌گانه (?) می‌توان در جاوا اسکریپت استفاده کرد . به عنوان مثال : در مثال زیر دو متغییر تعریف می‌کنید اگر شرط برقرار بود رشته true چاپ خواهد شد در غیر این صورت رشته false چاپ می‌شود.

let x = 10
let y = 12
console.log(x>y ? "true" : "false")

let x = 10

let y = 12

console.log(x>y ? "true" : "false")

خروجی :

اپراتور های منطقی در جاوا اسکریپت :

عملگر AND (&&) : فقط در صورت درست بودن تمام عبارات شرطی، درست برمی‌گردد.
عملگر OR (||) : اگر حداقل یکی از عبارت های شرطی درست باشد، درست برمی‌گرداند.
عملگر NOT (!) : مقدار true را false و مقدار false را true می‌کند.

مثال برای اپراتور های منطقی :

console.log(1<2 && 2>5)
console.log(1<2 || 2>5)
console.log(!(2==5))

console.log(1<2 && 2>5)

console.log(1<2 || 2>5)

console.log(!(2==5))

خروجی به ترتیب true flase و true خواهد بود (مطابق تصویر ):

همچنین می‌توان از متد Boolean برای true یا false بودن یک شرط استفاده کرد . مثال :

console.log(Boolean(5>7))
console.log(Boolean('hello'))
console.log(Boolean(''))

console.log(Boolean(5>7))

console.log(Boolean('hello'))

console.log(Boolean(''))

خروجی به ترتیب false , true , false خواهد بود (مطابق تصویر):

در حالت دوم خروجی به این دلیل true است که string یک truthy value است. و در حالت سوم به این دلیل false است که رشته خالی یک false value است.

Truthy value:

در زیر به برخی از truthy value در جاوا اسکریپت می‌پردازیم :

(if(true
if({})
if([])
if(42)
if(“0”)
if(“false”)
if(new Date())
if(-42)
if(12n)
if(3.14)
if(-3.14)
if(Infinity)
if(-Infinity)

False value:

در جاوا اسکریپت مقادیر زیر false value هستند :

0-
0n
” “
null
undefined
NaN

نکته : این مقاله قسمتی کوچیکی از آموزش مقدماتی تا پیشرفته جاوا اسکریپت (کاملا پروژه محور) بود. که اگه علاقه مند بودید میتونید از اینجا ویدئو های پیش نمایش و پروژه های این دوره رو ببینیدو در این دوره ثبت نام کنید.

اپراتور ها در جاوا اسکریپت (JavaScript)

اپراتور های حسابی :

اپراتور های مقایسه و منطقی در جاوااسکریپت:

اپراتور های مقایسه :

اپراتور های منطقی در جاوا اسکریپت :

Truthy value:

False value:

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید لغو پاسخ

اپراتور های حسابی :

اپراتور های مقایسه و منطقی در جاوااسکریپت:

اپراتور های مقایسه :

اپراتور های منطقی در جاوا اسکریپت :

Truthy value:

False value:

مطالب زیر را حتما مطالعه کنید

آموزش کار با timing event ها

معرفی DOM به زبان ساده

constructor function در جاوااسکریپت

factory function در جاوا اسکریپت

this در جاوا اسکریپت (JavaScript)

تفاوت for in و for of

دیدگاهتان را بنویسید لغو پاسخ