35) تمرین: چک کردن ابعاد تصویر در جاوااسکریپت

توی این جلسه هدفمون چک کردن ابعاد تصویر با استفاده از یک function هستش. Landscape یا Portrait(همون افقی یا عمودی خودمون!)

با توجه به تمرینی که توی جلسه قبل داشتیم نباید خیلی براتون سخت باشه. اول سعی کنید تمرین رو حل کنید بعد مقاله رو ادامه بدین. اگه تصویر افقی (Landscape) بود مقدار true و اگه عمودی(Portrait) بود مقدار false رو برگردونه.

خب، برای شروع اول یک function با دو پارامتر طول و ارتفاع تعریف می کنیم. بعد از اون هم تابع رو صدا میزنیم.

function isLandScape(width, height){
        if(width > height){
               console.log(“true”)
        }else {
               console.log(“false”)
        }
}

isLandScape(800, 400) //true

چون در این راه حل، از if استفاده کردیم، در صورتی که شرط درست باشه(در اینجا طول بیشتر از عرض باشه) مقدار true رو برمیگردونه و دیگه سراغ ادامه کد نمیره.

روش‌های دیگر حل تمرین

برای چک کردن ابعاد تصویر به روش های دیگه، میتونیم از عملگرهای شرطی که یادگرفتیم استفاده کنیم:

function isLandScape(width, height){
        return (width > height) ? console.log(“true”) : console.log(“false”)
}

isLandScape(200, 400)  //false

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

از جایی که ما میخوایم مقدار true یا false برگشت داده بشه، دیگه نیازی نیست از عملگر شرطی به این شکل استفاده کنیم. چون داریم طول و ارتفاع رو با هم مقایسه میکنیم، خودش شامل یه مقدار true یا false هست!! پس میتونیم کدمون رو به این شکل آپدیت کنیم:

function isLandScape(width, height){
        return (width > height;
}

console.log(isLandScape(200 , 400)); //false

چرا این راه حل بهینه‌تر است؟

چون همون‌طور که در آموزش کامل عملگرها با هم دیدیم، این عملگرها همیشه مقدار true یا false رو برمی‌گردونن. و از اونجایی که هدف ما هم همینه، دیگه نیازی نیست کلمه true یا false رو لاگ بگیریم. چون در حالت عادی، خروجی کد ما true یا false هست.

جمع‌بندی

در این مقاله، نحوه چک کردن ابعاد تصویر، افقی (Landscape) یا عمودی (Portrait) بودن آن را با استفاده از جاوا اسکریپت مرور کردیم. با بررسی و مقایسه ساده بین طول و ارتفاع تصویر، توانستیم به راحتی تشخیص دهیم که تصویر در چه وضعیتی قرار دارد. همچنین، با بهینه‌سازی کد با استفاده از عملگرهای شرطی، کد را کوتاه‌تر و خواناتر کردیم.

به یاد داشته باشید که همیشه می‌توانید تمرین‌ها و کدها را به روش‌های مختلف بهینه کنید تا عملکرد بهتری داشته باشید. تمرین و تجربه به شما کمک می‌کند تا بهترین روش‌ها را برای هر مسئله پیدا کنید. موفق باشید!