Rest and Spread

Jang Byeong Mok·2020년 2월 7일
0

Javascript

목록 보기
5/9

Javascript Rest and Spread

<script>
  const num = [1, 2, 3];
  const car = ["k3", "k5", "k7"];

  const numCar = [...num, ...car];
  console.log(numCar); // output [ 1, 2, 3, "k3", "k5", "k7"]

  const newNumCar = [...numCar, "TG"];
  console.log(newNumCar); // output [ 1, 2, 3, "k3", "k5", "k7" ,"TG"]

  const user = {
    name: "mark",
    age: 45
  };

  const Id = {
    id: "rorin",
    job: "fireman"
  };

  const useId = { ...user, ...Id };
  console.log(useId);

  const newUserId = { ...useId, pw: "123" };
  console.log(newUserId);

  const lastName = prompt("lastName");
     const otherId = {
       name: "lova",
       age: 27,
       ...(lastName !== "" && { lastName })
     };

  console.log(otherId); // {name:"lova", age:27, prompt입력값}

  //rest

  const argsRest = (...kimchi) => console.log(kimchi);
  argsRest("banana", [1, 2, 3, 4], "lgo", 24, true);

  const friends = (firstOne, ...rest) => {
    console.log(`i love ${firstOne}`); //output : i love mango
    console.log(rest); // output : [ "banana", "car", "potato"]
  };
  friends("mango", "banana", "car", "potato");
</script>

0개의 댓글