Array#7

Array

push(): 뒤에 삽입
pop(): 뒤에 삭제
unshift(): 앞에 삽입
shift(): 앞에 삭제

arr.splice(n,m) : 특정 요소 지움.
n :시작 m :개수 (index)

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];
// 2,3,4 를 빼고 100,200을 추가 
arr.splice(1,3,10,200);
console.log(arr); // [1,100,200,5]

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

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

arr을 보면 삭제 된 것을 볼 수있고
result를 보면 삭제된 것들을 반환함

let arr = ["나는", "철수", "입니다"]; // [0,1,2]
arr.splice(1,0,"대한민국","소방관");
// 인덱스 0과1사이에 추가만 됨.
// ["나는", "대한민국","소방관", "철수", "입니다"]

arr.slice(n,m) : n부터 m 까지 반환
n : 시작 m : 마지막 바로 전까지만

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

let arr2 = arr.slice();
console.log(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) => {
  	//..
});

• item = Mike, Tom,Jane
• index = 0,1,2
• arr = users

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

arr.indexOf / arr.lastindexOf

let arr = [1,2,3,4,5,1,2,3];
arr.indexOf(3); // 2 	// 3의 인덱스를 찾아줘!
arr.indexOf(3,3) // 7  // 3의 인덱스를 index 3부터 찾아줘!
arr.lastIndexOf(3); //7 3을 마지막 부터 인덱스 찾아줘!

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

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

arr.find(fn) / arr.findindex(fn)

• 첫번째 true 값만 반환하고 끝
• 만약 없으면 undefined를 반환

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

let usrList = [
  { name : "Mike" , age: 30 },
  { name : "Jane" , age: 27 },
  { name : "Tom" , age: 10 },
];
/* find 함수 */
const result = userList.find((user) => {
  if (user.age < 19) {
    return true;
  }
  	return false;
});

console.log(result);
//   { name : "Tom" , age: 10 },
/* findIndex */
const result = userList.findIndex((user) => {
  if (user.age < 19) {
    return true;
  }
  	return false;
});

console.log(result);
//   index : 2 를 반환
// 없으면 undefined를 반환

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

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

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

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

arr.map(fn)

• 함수를 받아 특정 기능을 시행하고 새로운 배열을 반환

let usrList = [
  { 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,
  });
});
console.log(newUserList);
/*
  { name : "Mike" , age: 30 ,id : 1, isAdult : true},
  { name : "Jane" , age: 27 ,id : 2, isAdult : true},
  { name : "Tom" , age: 10 ,id : 3, isAdult : false},
*/

filter, split

let arr = ["안녕", "나는", "철수야"];
let result = arr.join();
console.log(result); // 안녕,나는,철수야

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

const users = "Mike,Jane,Tom";
const reuslt = users.split(",");
console.log(result);
// "Mike","Jane","Tom"

let str = "hello"
const result = str.split("");
console.log(result); // "h","e","l","l","o"

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

let userList = ["Mike","Tom","Jane"];
console.log(typeof user);  	//object
consoole.log(typeof userList); // object

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