2017 (2017)
در «جاوااسکریپت 2017» چند ابزار تازه داریم: پُرکردن رشته، کار با کلید/مقدار شیء، توابع async/await، و «ویرگول پایانی». همه را کوتاه و مدرسه ای می بینیم.
پرکردن رشته (String Padding)
«پدینگ (Padding)» یعنی پرکردن ابتدا یا انتهای رشته با کاراکتر. دو متد داریم: padStart() و padEnd().
let text1 = "5";
text1 = text1.padStart(4, "0");
let text2 = "5";
text2 = text2.padEnd(4, "0");
Object.entries(); آرایه جفت ها
«ورودی ها (entries)» یعنی جفت «کلید/مقدار». این متد آرایه ای از جفت ها می دهد.
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
let pairs = Object.entries(person);
حالا پیمایش شیء خیلی ساده می شود.
const fruits = { Bananas: 300, Oranges: 200, Apples: 500 };
let out = "";
for (let [fruit, value] of Object.entries(fruits)) {
out += fruit + ": " + value + "<br>";
}
حتی می توان آن را مستقیم به Map تبدیل کرد.
const fruitsObj = { Bananas: 300, Oranges: 200, Apples: 500 };
const myMap = new Map(Object.entries(fruitsObj));
Object.values(); فقط مقادیر
این یکی فقط «مقدارها» را می دهد، بدون کلیدها. ساده و سریع.
const person2 = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
let vals = Object.values(person2);
توابع ناهمگام (async/await)
«async/await» کار با «وعده ها (Promises)» را ساده می کند. await یعنی صبر تا نتیجه برسد.
async function myDisplay() {
let myPromise = new Promise(function (myResolve, myReject) {
setTimeout(function () {
myResolve("I love You !!");
}, 3000);
});
document.getElementById("demo").innerHTML = await myPromise;
}
myDisplay();
ویرگول پایانی (Trailing Commas)
می توان بعد از آخرین مورد، یک ویرگول اضافه گذاشت. کد خواناتر می شود و تفاوت گیت کمتر.
const arr = [1, 2, 3,];
const obj = { fname: "John", age: 50, };
function myFunc(a, b, c,) {
return a + b + c;
}
myFunc(1, 2, 3,);
گام های تمرین سریع
- با
padStartاعداد فاکتور دانش آموزی را سه رقمی کن. - یک شیء بساز و با
Object.entriesآن را پیمایش کن. - یک
asyncبساز و خروجی را بعد از تاخیر نشان بده.
جمع بندی سریع
- پدینگ رشته: ابتدای عدد را صفر بگذار.
- entries جفت ها را می دهد؛ values فقط مقدار.
- async/await کد را ساده و خوانا می کند.
- ویرگول پایانی مجاز و مفید برای نسخه گردانی است.
برای ادامه مسیر: برو به «جاوااسکریپت 2018»، یا صفحه «جاوااسکریپت 2016».