'전체 글'에 해당되는 글 508건

splice : 배열에서 특정한 항목을 제거할때. (기존의 numbers 배열을 바꿈)

const numbers = [10, 20, 30, 40];
const index = numbers.indexOf(30);
const spliced = numbers.splice(index, 2); // index부터 몇번째까지 지울것이냐
console.log(numbers); //지운 후 배열에 남아있는 수
console.log(spliced); // 삭제한 수

slice : 배열에서 특정 부분을 잘라냄 (기존의 배열은 건들지 않음.)

const numbers = [10, 20, 30, 40];

const sliced = numbers.slice(0,2);
console.log(sliced);  // 10, 20
console.log(numbers); // 10, 20, 30, 40

filter : 특정 조건을 만족하는 원소들을 찾아서  그 원소들을 가지고 새로운 배열을 만드는 것

const todos = [
  {
    id: 1,
    text: "자바스크립트 입문",
    done: true
  },
  {
    id: 2,
    text: "함수 배우기",
    done: true
  },
  {
    id: 3,
    text: "객체와 배열 배우기",
    done: true
  },
  {
    id: 4,
    text: "배열 내장 함수 배우기",
    done: false
  }
];

const taskNotDone = todos.filter(todo => todo.done === false);
console.log(taskNotDone);

for in: 객체가 반복될 때 사용하고 배열에서도 사용이 가능합니다.

for of: 배열이 반복될때만 사용이 가능합니다. 객체에서는 사용이 불가능

getter

setter

getter / setter

const cat = {
  name: "집사",
  sound: "냥!",
  say: function() {
    console.log(this.sound);
  }
};

const dog = {
  name: "멍멍이",
  sound: "멍?",
  say() {
    console.log(this.sound);
  }
};

cat.say();
dog.say();

아래의 화면은 codesandbox로 실행했습니다.

const ironMan = {
  name: "토니 스타크",
  actor: "로버트 다우니 주니어",
  alias: "아이언 맨"
};

const captainAmerica = {
  name: "스티븐 로저스",
  actor: "크리스 에반스",
  alias: "캡틴 아메리카"
};

function print(hero) {
  const text = `${hero.alias}(${hero.name}) 역할을 맡은 배우는 ${
    hero.actor
  } 입니다.`;
  console.log(text);
}
function print1(hero) {
  const { alias, name, actor } = hero;
  const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.`;
  console.log(text);
}

function print2({ alias, name, actor }) {
  const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.`;
  console.log(text);
}

const { name } = ironMan;
console.log(name);

print(ironMan);
print(captainAmerica);

print1(ironMan);
print1(captainAmerica);

print2(ironMan);
print2(captainAmerica);

const deepObject = {
  state: {
    information: {
      name: "sh",
      language: ["korean", "english", "java"]
    }
  },
  value: 5
};

const { name, language } = deepObject.state.information;
const { value } = deepObject;

const extracted = { name, language, value };
console.log(extracted);