📖 [JavaScript] Array Method(1)

📌 arr.splice(n,m) : 특정 요소 지움

n번째 요소부터 m개를 지우는 것

✔️ arr.splice( n, m, x, y~): 특정 요소 지우고 추가

n번째 요소부터 m개를 지우고 그 자리부터 x,y..~ 요소 차례로 추가

let arr = [1,2,3,4,5]
arr.splice(1,3,100,200,);
console.log(arr); //[1,100,200,5]

let arr = ["나는", "철수", "입니다."]
arr.splice(1,0, "대한민국", "소방관"] 
//이때 0은 아무것도 지우지 않는 것이므로, index 1 전에 추가하게 됨.
//본래 1부터 시작이므로.
console.log(arr); // ["나는", "대한민국", "소방관", "철수", "입니다."]

✔️ arr.splice(): 삭제된 요소 반환

let arr = [1,2,3,4,5]
let result = arr.splice(1,2);
console.log(arr); //[1,4,5]
console.log(arr); //[2, 3]

📌 arr.slice(n,m): n부터 m까지 반환

m은 포함하지 않고 바로 앞자리(index)이므로 의미
m을 쓰지 않으면 끝까지라는 의미
괄호 안에 아무 것도 안 넣으면 배열 복사

let arr = [1,2,3,4,5]
arr.splice(1,4);
console.log(arr); //[2, 3, 4]

📌 arr.concat(arr2, arr3 ..) : 합쳐서 새 배열 반환

let arr = [1,2]
arr.concat([3,4]); //[1,2,3,4]
arr.concat([3,4], 5,6); //[1,2,3,4,5,6]

📌 arr.forEach(fn) : 배열 반복

forEach(해당 요소, index, 해당 배열 그 자체 )

let arr = ["Mike", "Tom", "Jane"];
arr.forEach((name, index) => {
  console.log(`${index +1}. ${name}`);
}); 
//1. "Mike", 2. "Tom", 3. "Jane"

📌 arr.indexOf/ arr.lastIndexOf

배열에 해당 요소가 있으면 해당 요소의 index 반환, 없으면 -1 반환
인소가 두개인 경우 두번째 인수는 시작 위치를 의미

let = arr[1,2,3,4,5,1,2,3];
arr.indexOf(3); //2
arr.indexOf(3,3) //7
arr.lastIndexOf(3); //7 : 끝에서부터 찾기

📌 arr.includes() : 포함하는 지 확인

index를 확인할 필요 없고 포함 여부만 알려줌

📌 arr.find(fn)/ arr.findIndex(fn) : 조금 더 복잡함, 따라서 안에 함수가 들어감

첫번째 true값만 반환하고 끝 만약 없으면 undefined를 반환
finIndex(fn)은 해당 index를 반환

let = arr[1,2,3,4,5];
const result = arr.find((item) => {
  return item%2 ===0;
});
console.log(result); //2
let userList = [
  {name: "Mike", age:30},
  {name: "Tom", age:27},
  {name: "Jane", age:10},
  ];
userList.find((user)=>{
	if(user.age<19){
    return true;
    }
  return false;
});
console.log(result); //  {name: "Jane", age:10}

📌 arr.filter(fn): 만족하는 모든 요소를 배열로 반환

find와 사용법은 동일함

let = arr[1,2,3,4,5];
const result = arr.filter((item) => {
  return item%2 ===0;
});
console.log(result); [2,4]

📌 arr.reverse(): 역순으로 재정렬

📌 arr.map(fn) : 함수를 받아 특정 기능을 시행하고 새로운 배열을 반환

let userList = [
  {name: "Mike", age:30},
  {name: "Tom", age:27},
  {name: "Jane", age:10},
  ];
let newUserList = userList.map((user, index)=>{
	return Object.assign({}, user, {
      id:index+1,
      isAdult: user.age > 19,
    });
});
console.log(newUserList);
//0: {name: "Mike", age:30, id:1, isAdult: true},
//1: {name: "Tom", age:27, id:2, isAdult: true},
//2: {name: "Jane", age:10, id:3, isAdult: false},

📌 arr.join(): 배열을 합쳐서 문자열을 만들기

아무것도 전달하지 않으면 쉼표로 구분, 공백을 주거나 특수문자를 넣어서 그들로 합칠 수 있음

📌 str.split(): 문자열을 나눠서 배열로 만들기

""를 입력하면 각 문자를 하나씩 자른다음에 배열로 반환

📌 Array.isArray(): 배열인지 아닌지 확인

let user = {
  name: "Mike",
  age : 30,
}; //일반적인 객체 
let userList = ["Mike", 30, "Jane"];
console.log(Array.isArray(user)); //false
console.log(Array.isArray(userList)); //true