자바스크립트 배열 내장 함수

// 3) 배열의 각가의 요소들에 대해서 실행
const arr = [1,2,3,4];
// 1) arr이라는 배열의 forEach 라는 내장함수를 사용하게 되면
arr.forEach(function(elm){
  // 2) 내장함수에 전달하는 callback 함수를
  console.log(elm*2);
});

const arr = [1, 2, 3, 4];
const newArr = arr.map((elm) => { // map이라는 배열의 내장함수는 원본배열의 모든 원소를 순회하면서 연산을해서 리턴된 값들만을 따로 배열로 추려내서 반환
  return elm * 2;
});

console.log(newArr);

const arr = [1, 2, 3, 4];
let number = 3;
// includes => 주어진 배열에서 전달받은 인자와 일치하는 값이 존재하는지 확인
console.log(arr.includes(number));

const arr = [1, 2, 3, 4];
let number = 3;
// 배열에 인자가 없으면 -1, 인자가 있으면 몇번째 요소인지 알려줌 [0,1,2...]
console.log(arr.indexOf(number));

const arr = [
  { color: "red" },
  { color: "black" },
  { color: "purple" },
  { color: "pink" }
];

console.log(
  arr.findIndex((elm) => {
    return elm.color === "pink";
  })
);

const arr = [
  { color: "red" },
  { color: "black" },
  { color: "purple" },
  { color: "pink" }
];

const idx = arr.findIndex((elm) => {
  return elm.color === "purple";
});

console.log(idx);

const arr = [
  { color: "red" },
  { color: "black" },
  { color: "purple" },
  { color: "pink" }
];

const element = arr.find((elm) => {
  return elm.color === "purple";
});

console.log(element);

const arr = [
  { num: 1, color: "red" },
  { num: 2, color: "black" },
  { num: 3, color: "blue" },
  { num: 4, color: "purple" },
  { num: 5, color: "blue" }
];
//filter = (elm) => elm.color === "blue") => true를 반환하는 모든 요소를 배열로 반환하는것 
console.log(arr.filter((elm) => elm.color === "blue"));

const arr = [
  { num: 1, color: "red" },
  { num: 2, color: "black" },
  { num: 3, color: "blue" },
  { num: 4, color: "purple" },
  { num: 5, color: "blue" }
];
// slice = end에서 -1한것까지만 반환 black까지만
console.log(arr.slice(0, 2));

const arr1 = [
  { num: 1, color: "red" },
  { num: 2, color: "black" },
  { num: 3, color: "blue" }
];

const arr2 = [
  { num: 4, color: "green" },
  { num: 5, color: "blue" }
];
// 첫번째 명시한 arr1 뒤로 concat 메서드에 전달한 배열을 뒤에 갖다 붙힘 => 하나의 배열로 다시 리턴해줌
console.log(arr1.concat(arr2));

let chars = ["나", "다", "가"];

// 원본 배열의 순서를 정렬하는 메서드
chars.sort();

console.log(chars);

let numbers = [0, 1, 3, 2, 10, 30, 16];

const compare = (a, b) => {
  // 1. 같다
  // 2. 크다
  // 3. 작다
  if (a > b) {
    return 1;
  }
  if (a < b) {
    return -1;
  }
  return 0;
}; // 내림차순 하고 싶으면 1,-1 숫자 바꾸면 됨

numbers.sort(compare);

console.log(numbers);

const arr = ["김태주", "님", "안녕하세요", "오셨어요"];

console.log(arr.join("♡"));