ES2019? ECMAScript ??? ? ?? ??? ??? ?????. ??? ??? ????? Node.js, Chrome, Firefox ? Safari?? ?????. ?? ????? ???? ?? Babel? ???? ??? ??? ?? ??? JavaScript? ??? ? ?? ????.

?? ??? ??? ??? ? ??? ???!

Object.fromEntries ??

ES2017? ??? ?? ???? ???? Object.entries ???? ?????. ?? ??:

 ????? = {
  ???? : 20,
  ????? : 22,
  CECE : 20,
  Deirdre : 19,
  ???? : 21
}

Object.entries (??) 
// [
// [ 'Amelia', 20],
// [ 'Beatrice', 22],
// [ 'Cece', 20],
// [ 'deirdre', 19],
// [ '????', 21]
//]

?? ??? map , filter , reduce ?? ?? ?? ??? ??? ?? ? ?? ??? ??? ? ?? ??? ?? ?????. ??? ??? ??? ?? ????? ??? ??? ????? ?????.

 ????? = {
  ???? : 20,
  ????? : 22,
  CECE : 20,
  Deirdre : 19,
  ???? : 21
}

// .filter () ??? ???? ?? ??? ?????.
  ?? ??> = 21
}) // [[ 'Beatrice', 22], [ 'Eloise', 21]]

// ??? ??? ??? ???? DiskingAgestudents = {}
(??? ?? ??, ??] {
    DrinkingAgestudents [name] = Age;
}
// {Beatrice : 22, Eloise : 21}

Object.fromEntries ???? ??? ????? ???????! ???? ?? ??? ?? ???? ????? ?? ? ? ??? ??? ??? ?????.

 ????? = {
  ???? : 20,
  ????? : 22,
  CECE : 20,
  Deirdre : 19,
  ???? : 21
}

// .filter () ??? ???? ?? ??? ?????.
  ?? ??> = 21
}) // [[ 'Beatrice', 22], [ 'Eloise', 21]]

// ??? ??? ??? ???? DiskingAgestudents = Object.Fromentries (Overtwentyone); 
// {Beatrice : 22, Eloise : 21}

??? ??? ??? ??? ??? ? ??? ???? ??? ??? ??? ? ????. ?? ??? ?? ??? ?? ?? ???? ??? ?????.

 ??? = [
  [ '????', 22], 
  [ 'Beatrice', 22], 
  [ '????', 21], 
  [ 'Beatrice', 20]
]]

windentobj = Object.Fromentries (??); 
// {Amelia : 22, Beatrice : 20, Eloise : 21}
// ? ?? ?????? ??????!

??? ??? ??? ? ??? ? ???? ?? ??????.

Object.fromEntries ?? ?? ??

Array.prototype.flat ???

??? ??? ?? ???? ?? ? ? ?? ???? ??? ?????. ??? ??? ?????? ??? ?????. ??? ?? ? ? ????? ??? ???? ????.

map ??? ?? ???? ??? ??? ???? ?? ?? ?????.

 ?? = [
  {
    ?? : "??",
    ?? : 3,
    ??? ??? : 2,
    ?? : [ 'Janet', 'Martha', 'Bob', [ 'Phil', 'Candace']]]]]
  },
  {
    ?? : "??",
    ?? : 2,
    ?? : [ '??', '???']
  },
  {
    ?? : "??",
    ?? : 4,
    ?? : [ 'Edith', 'Jacob', 'Peter', 'Betty']]]
  }
]]

CourSestudents = courses.map (course => course.students)
// [
// [ 'Janet', 'Martha', 'Bob', [ 'Phil', 'Candace'],
// [ '??', '???'],
// [ 'Edith', 'Jacob', 'Peter', 'Betty']]]
//]

[] .concat.apply ([], Coursestudents) //? ???? ???????

Array.prototype.flat ???? ??????. ??? ?? ?? ??? ?????.

 CourSestudents = [
  [ 'Janet', 'Martha', 'Bob', [ 'Phil', 'Candace']],
  [ '??', '???'],
  [ 'Edith', 'Jacob', 'Peter', 'Betty']]]
]]

flattenonelevel = coursestudents.flat (1)
Console.log (flattenonelevel)
// [
// 'Janet',
// 'Martha',
// '?',
// [ 'Phil', 'Candace'],
// '??',
// '???',
// 'edith',
// '??',
// '??',
// '??'
//]

flattentwolevels = coursestudents.flat (2)
Console.log (FlattentWolevels)
// [
// 'Janet', 'Martha',
// '?', '?',
// 'Candace', 'Wilson',
// 'Taylor', 'Edith',
// '??', '??',
// '??'
//]

?? ??? ???? ??? ?? ??? 1???.? ???? ??? ??? ?????? ?? ??? ?? ?????.

 CourSestudents = [
  [ 'Janet', 'Martha', 'Bob', [ 'Phil', 'Candace']],
  [ '??', '???'],
  [ 'Edith', 'Jacob', 'Peter', 'Betty']]]
]]

defaultflattened = coursestudents.flat ()??
console.log (defaultFlattened)
// [
// 'Janet',
// 'Martha',
// '?',
// [ 'Phil', 'Candace'],
// '??',
// '???',
// 'edith',
// '??',
// '??',
// '??'
//]

? ??? ??? ??? ????? ????? ??? ??? ???? ????? ???? ??? ???? ?????. Infinity ??? ???? ?? ?? ?? ??? ??? ? ?? ??? ??? ?????? ?????.

 CourSestudents = [
  [ 'Janet', 'Martha', 'Bob', [ 'Phil', 'Candace']],
  [ '??', '???'],
  [ 'Edith', 'Jacob', 'Peter', 'Betty']]]
]]

Alwaysflattened = coursestudents.flat (Infinity)
Console.log (?? ?? ??)
// [
// 'Janet', 'Martha',
// '?', '?',
// 'Candace', 'Wilson',
// 'Taylor', 'Edith',
// '??', '??',
// '??'
//]

?? ???? ?? ?? ??????? ?????? ??? ??? ??? ???? ?? ?? ?? ?? ??? ?? ??? ?? ? ????.

Array.prototype.flat ??? ?? ??

Array.prototype.flatMap ???

flat ??? ???? ?? ? ?? Array.prototype.flatMap ? ????. ??? ??? ?? ??? ???? ?? ???? ?? ? ??.

??? ??? ????? ES2019? ??? ??? ???? ?? ??? ??????

 ?? = [78, 62, 80, 64]

?? = grades.map (grade => [grade, grade 7])
// [[78, 85], [62, 69], [80, 87], [64, 71]]

flatmapped = [] .concat.apply ([], ??) // ?? ???? ??? ??? ? ??? // ??? ???? ?????.
// 78, 85, 62, 69,
// 80, 87, 64, 71
//]

?? Array.prototype.flat ?? ???? ??? ?? ?? ? ? ????.

 ?? = [78, 62, 80, 64]

flatmapped = grades.map (grade => [grade, 7]). flat ()
// [
// 78, 85, 62, 69,
// 80, 87, 64, 71
//]

??? ??? ??? ????? ??????? ??? ??? ???? ?????. ?? ??? ??? ???? ?? ????. flatMap ???? ??? ?? ? ? ????.

 ?? = [78, 62, 80, 64]

flatmapped = grades.flatmap (grade => [grade, grade 7]);
// [
// 78, 85, 62, 69,
// 80, 87, 64, 71
//]

Array.prototype.flat ? ?? ?? ??? 1???. flatMap ?? ???? map ? flat ???? ?? ????. ??? flatMap ??? ? ? ???????.

 ?? = [78, 62, 80, 64]

flatmapped = grades.flatmap (grade => [grade, [grade 7]]);
// [
// 78, [85],
// 62, [69],
// 80, [87],
// 64, [71]
//]

Array.prototype.flatMap ??? ?? ??

String.trimStart ? String.trimEnd ???

ES2019? ?? ? ?? ?? ?? ??? ???? ?? ??? ?? ????? ???? ????. ???? String.trimRight ? String.trimLeft ??? ??????.

 ??? = "CS 101? ?? ?? ?????"
message.trimright ()
// 'CS 101? ?? ?? ?????'
message.trimleft ()
// 'CS 101? ?? ?? ?????'
message.trimright (). trimleft ()
// 'CS 101? ?? ?? ?????'

???? ??? ?????, ??? ??? ? ??? ????? ?? ??????. ?? ? ? ??? ??????.

 ??? = "CS 101? ?? ?? ?????"
message.trimend ()
// 'CS 101? ?? ?? ?????'
message.trimstart ()
// 'CS 101? ?? ?? ?????'
message.trimend (). trimstart ()
// 'CS 101? ?? ?? ?????'

String.trimStart ? String.trimEnd ??? ?? ??

??? catch ???

ES2019? ? ?? ?? ??? try-catch ?? ???? ?? ??? ??? ????. ???? ?? catch ??? ?? ??? ??? ??????. ??? catch ??? ??? ?????? ??? ????? ?? ?????.

 ???? {
  parsed = json.parse (obj)
} catch (e) {
  // E? ????? Console.Log (OBJ)? ?????.
}

? ?? ??? ????. catch ???? ??? ???? ??? ?? ??? ?? ????.

 ???? {
  parsed = json.parse (obj)
} ?? {
  Console.log (OBJ)
}

??? ???? ?? ?? ?? ????? ???? ?? ??? ??? ?? ?????.

?? catch ??? ?? ??

Function.toString() ??? ??

ES2019? ?? Function.toString() ???? ???? ??? ??????. ???? ??? ??? ???????.

 ?? ??? () {
  const name = 'css tricks'
  console.log (`hello from $ {name}`)
}

greeting.tostring ()
// 'function greeting () {\ nconst name = \'css tricks \ '\ nconsole.log (`hello from $ {name} //`) \ n}'

?? ?? ???? ??? ?? ??? ?????.

 ?? ??? () {
  const name = 'css tricks'
  console.log (`hello from $ {name}`)
}

greeting.tostring ()
// 'function greeting () {\ n'  
// "const name = 'css tricks'\ n"  
// 'console.log (`hello from $ {name}} \ n'  
// '}' '

??? ?? ?? ?????, ??? ???? ?? ??? ?? 2 ??? ?? ???? ? ??? ??? ?? ????.

Function.toString() ???? ??

??? ES2019? ?? ??? ?????!

??? ??? ?? ??? ??? ?? ? ?? ????.

• ?? ??
• ?? ???
• JSON? ?? ????? ECMAScript
• JSON.stringify

??? JavaScript ??????????!

? ??? ?? ??? ES2019 ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!