배열 메소드

Array 배열

 

배열의 메소드

push() : 뒤에삽입

pop() : 뒤에 삭제

unshift() : 앞에 삽입

shift() : 앞에 삭제

 

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

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

 

arr.splice(n, m, x) 특정 요소 지우고 추가

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

let arr = [1, 2, 3];
arr.splice(1, 0, 7, 8);
// [1, 7, 8, 2, 3]

 

arr.splice(n, m, x) 삭제된 요소 반환

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

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

let arr = [1,2,3,4,5]
arr.slice(1,4) // [2,3,4]

let arr2 = arr.slice() 아무것도 작성안할시 복제

arr2 = [1,2,3,4,5]

 

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.concat([3,4], 5, 6) //[1,2,3,4,5,6]

 

arr.forEach(fn) 배열 반복

let users = ["mike", "tom", "jane"];
users.forEach((item, index, arr) => {});

let arr = ["mike", "tom", "jane"];
arr.forEach((name, index) => {
  console.log(name);
  // mike
  // tom
  // jane
  console.log(`${index + 1}. ${name} `);
  // 01. mike
  // 02. tom
  // 03. jane
});

 

arr.indexOf() / arr.lastIndexOf()

let arr = [1, 2, 3, 4, 5, 1, 2, 3]
arr.indexOf(3) // 2 숫자의 위치를 찾는다
arr.indexOf(3, 4) //7 인덱스 3번 이후부터 찾는다
arr.lastIndexOf(3) //7

 

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

let arr = [1,2,3]
arr.includes(2); //true
arr.includes(8); //false

arr.find(fn) / arr.findIndex(fn)

let arr = [1, 2, 3, 4, 5];

const result = arr.find((item) => {
  return item % 2 === 0;
  // 2
});

let userList = [
  { name: "mike", age: 30 },
  { name: "jane", age: 27 },
  { name: "Tom", age: 10 },
];

userList.find((user) => {
  if (user.age < 19) {
    return ture;
    // {name: "Tom", age: 10},
  }
  return false;
});

userList.findIndex((user) => {
  if (user.age < 19) {
    return ture;
    // 2
  }
  return false;
});

arr.filter();

let arr = [1, 2, 3, 4, 5, 6];

const result = arr.filter((item) => {
  return item % 2 === 0;
  // [2,4,6]
});

 

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

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

 

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

 

let userList = [
  { name: "mike", age: 30 },
  { name: "jane", age: 27 },
  { name: "Tom", age: 10 },
];

let newUserList = userList.map((user, index) => {
  return Object.assign({}, user, {
    id: index + 1,
    isAdult: user.age > 19,
  });
});

// {name: "mike", age: 30, id: 1 isAdult: ture},
// {name: "jane", age: 27, id: 2 isAdult: ture},
// {name: "Tom", age: 10, id: 3 isAdult: false},

arr.join(); //배열을 문자열로 만들어준다

let arr = ["안녕", "나는", "철수야"];

let result = arr.join(); // 안녕,나는,철수야
let result = arr.join(" "); // 안녕 나는 철수야
let result = arr.join("-"); // 안녕-나는-철수야

 

arr.split() 문자열을 배열로 만들어준다

let str = "Hello, My name os Mike."

const result = str.split("")

(23) ["H", "e", "l", "l", "o", ",", " ", "M", "y", " ", "n", "a", "m", "e", " ", "o", "s", " ", "M", "i", "k", "e", "."]0: "H"1: "e"2: "l"3: "l"4: "o"5: ","6: " "7: "M"8: "y"9: " "10: "n"11: "a"12: "m"13: "e"14: " "15: "o"16: "s"17: " "18: "M"19: "i"20: "k"21: "e"22: "."length: 23__proto__: Array(0)
]

스페이스바까지 배열로 바꿔준다.

 

Array.isArray() 배열인지 확인

 

let user = {
  name: "Mike",
  age: 30,
};

let userList = ["Mike", "Tom", "jane"];

console.log(typeof user); // object
console.log(typeof userList); // object
console.log(Array.isArray(user)); // false
console.log(Array.isArray(userList)); // true