๐Ÿ”ฅ #19 javascript(ES6 ๋ฌธ์ œ)

๋ฐ•์ค€์„ยท2022๋…„ 9์›” 20์ผ

javascript

๋ชฉ๋ก ๋ณด๊ธฐ
19/22
post-thumbnail

๐Ÿ”ฅ ES6๋กœ ๋งŒ๋“  ๋ฌธ์ œ.

  1. ๋‹ค์Œ์˜ ์ฝ”๋“œ๋ฅผ es6 ๋ฌธ๋ฒ•์„ ์ด์šฉํ•˜์—ฌ ์žฌ์ž‘์„ฑ ํ•˜์‹œ์˜ค
let name="noona's fruit store"
let fruits = ["banana","apple","mango"]
let address="Seoul"

let store = {name:name, fruits:fruits, address:address}
console.log(store)

๐Ÿฑ ๋‹ต

let name="noona's fruit store"
let fruits = ["banana","apple","mango"]
let address="Seoul"

let store = {name, fruits, address}
console.log(store) //{address:"Seoul", fruits : ['banana','apple','mango'], name: "noona's fruit store"}
  1. es6 ๋ฌธ๋ฒ•์„ ์ด์šฉํ•˜์—ฌ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ถœ๋ ฅํ•˜์‹œ์˜ค
    ์ œ ๊ฐ€๊ฒŒ ์ด๋ฆ„์€ noona's fruit store ์ž…๋‹ˆ๋‹ค. ์œ„์น˜๋Š” Seoul ์— ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿฑ ๋‹ต

console.log(`์ œ ๊ฐ€๊ฒŒ ์ด๋ฆ„์€ ${name} ์ž…๋‹ˆ๋‹ค. ์œ„์น˜๋Š” ${address} ์— ์žˆ์Šต๋‹ˆ๋‹ค.`);
// ์ œ ๊ฐ€๊ฒŒ ์ด๋ฆ„์€ noona's fruit store ์ž…๋‹ˆ๋‹ค. ์œ„์น˜๋Š” Seoul ์— ์žˆ์Šต๋‹ˆ๋‹ค.
  1. ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ Destructoring์„ ์ด์šฉํ•˜์—ฌ ํ•ด๊ฒฐํ•˜์‹œ์˜ค
function calculate(obj){    // ํ•จ์ˆ˜ ์•ˆ์„ ๋ฐ”๊พธ์‹œ์˜ค
    return a+b+c
}

calculate({a:1,b:2,c:3})

๐Ÿฑ ๋‹ต

function calculate(obj){    // ํ•จ์ˆ˜ ์•ˆ์„ ๋ฐ”๊พธ์‹œ์˜ค
    let {a,b,c}=obj;
    return a+b+c
}

calculate({a:1,b:2,c:3})
  1. ๋‹ค์Œ ๋ฌธ์ œ์— ์ •๋‹ต์ด true๊ฐ€ ๋‚˜์˜ค๊ฒŒ ํ•˜์‹œ์˜ค
let name="noona store"
let fruits = ["banana","apple","mango"]
let address={
    country:"Korea",
    city:"Seoul"
}

function findStore(obj){
    return name="noona store" && city == "Seoul"
}
console.log(findStore({name,fruits,address}))

๐Ÿฑ ๋‹ต

let name="noona store"
let fruits = ["banana","apple","mango"]
let address={
    country:"Korea",
    city:"Seoul"
}

function findStore(obj){
    let {name,address:{city}} = obj
    return name="noona store" && city == "Seoul"
}
console.log(findStore({name,fruits,address}))
  1. ๋‹ค์Œ๊ณผ๊ฐ™์ด ํ”„๋ฆฐํŠธ๋˜๊ฒŒ ์ฝ”๋“œ๋ฅผ ๋ฐ”๊พธ์‹œ์˜ค
function getNumber(){
    let array = [1,2,3,4,5,6]    // ์—ฌ๊ธฐ์„œ๋ถ€ํ„ฐ ๋ฐ”๊พธ์‹œ์˜ค
    return {first,third,forth}
}
console.log(getNumber()) //  ๊ฒฐ๊ณผ๊ฐ’ { first: 1, third: 3, forth: 4 }

๐Ÿฑ ๋‹ต

function getNumber(){
    let array = [1,2,3,4,5,6]    // ์—ฌ๊ธฐ์„œ๋ถ€ํ„ฐ ๋ฐ”๊พธ์‹œ์˜ค
    let [first,,third,forth]=array;

    return {first,third,forth}
}
console.log(getNumber()) //  ๊ฒฐ๊ณผ๊ฐ’ { first: 1, third: 3, forth: 4 }
  1. ๋‹ค์Œ์˜ ๊ฒฐ๊ณผ๊ฐ€ true๊ฐ€ ๋˜๊ฒŒ ํ•˜์‹œ์˜ค
function getCalendar(first, ...rest) {
  return (
    first === "January" &&
    rest[0] === "Febuary" &&
    rest[1] === "March" &&
    rest[2] === undefined
  );
}
console.log(getCalendar()); // ์—ฌ๊ธฐ๋ฅผ ๋ฐ”๊พธ์‹œ์˜ค

๐Ÿฑ ๋‹ต

function getCalendar(first, ...rest) {
  return (
    first === "January" &&
    rest[0] === "Febuary" &&
    rest[1] === "March" &&
    rest[2] === undefined
  );
}
console.log(getCalendar("January","Febuary","March")); // ์—ฌ๊ธฐ๋ฅผ ๋ฐ”๊พธ์‹œ์˜ค
  1. ๋‘ ์–ด๋ ˆ์ด๋“ค์ค‘ ์ตœ์†Œ๊ฐ’์„ ์ฐพ๋Š” ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•˜์‹œ์˜ค
function getMinimum(){
    let a= [45,23,78]
    let b = [54,11,9]
    return Math.min() // ์—ฌ๊ธฐ๋ฅผ ๋ฐ”๊พธ์‹œ์˜ค
}
console.log(getMinimum())

๐Ÿฑ ๋‹ต

function getMinimum(){
    let a= [45,23,78]
    let b = [54,11,9]
    return Math.min(...a,...b); // ์—ฌ๊ธฐ๋ฅผ ๋ฐ”๊พธ์‹œ์˜ค
}
console.log(getMinimum()); //9
  1. ๋‹ค์Œ์˜ ํ•จ์ˆ˜๋ฅผ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋กœ ๋ฐ”๊พธ์‹œ์˜ค
function sumNumber() {
  // ์—ฌ๊ธฐ์„œ๋ถ€ํ„ฐ ๋ฐ”๊พธ์‹œ์˜ค
  const sum = function (a, b) {
    return a + b;
  };
  return sum(40, 10);
}

๐Ÿฑ ๋‹ต

function sumNumber() {
const sum =((a, b)=>{
  		return a + b;
	});
	return sum(40, 10);
}
console.log(sumNumber()); //50
  1. ๋‹ค์Œํ•จ์ˆ˜๋ฅผ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋กœ ๋ฐ”๊พธ์‹œ์˜ค
function sumNumber() {
  //์—ฌ๊ธฐ๋ฅผ ๋ฐ”๊พธ์‹œ์˜ค
  return addNumber(1)(2)(3);
  function addNumber(a) {
    return function (b) {
      return function (c) {
        return a + b + c;
      };
    };
  }
}
 console.log(sumNumber());

๐Ÿฑ ๋‹ต

function sumNumber() {
    let addNumber =(a)=>(b)=>(c)=> a+b+c;
    return addNumber(1),(2),(3);
}
 console.log(sumNumber()); //3
profile
์•ˆ๋…•ํ•˜์„ธ์š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค. ๊ธ€์„ ์ด์ „ ์ค‘์ž…๋‹ˆ๋‹ค.

0๊ฐœ์˜ ๋Œ“๊ธ€