본문 바로가기
Javascript

Array Methods

by jisung-kim 2023. 7. 31.

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

arr.splice(n,m) 특정 요소 삭제
n 시작
m 갯수

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

// [1,4,5]



let result = arr.splice(1,2);
result 값은 [2,3]

 

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

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

// [1,100,200,5]


let arr = ["나는", "철수", " 입니다"];
arr.splice(1,0,"대한민국","소방관");

// ["나는",""대한민국","소방관","철수","입니다"];
삭제는 안하고 인덱스 1 자리에 추가

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

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

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

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

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

배열 순회 forEach(item,index,arr) 

let arr = ["Kim", "Lee", "Son"];

arr.forEach((name,index) => {
	console.log(`${index +1}. ${name}`);
});

// 1. Kim
// 2. Lee
// 3. Son

 

배열 찾기 arr.find  (딱 1개만 찾음)

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

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

console.log(result);  // 2

 

let userList = [
	{ name: "Kim", age: 30 },
    	{ name: "Lee", age: 20 },
   	{ name: "Son", age: 12 },
];

const result = userList.find((user) => {
if(user.age < 19){
    	return true;
    }
    return false;
});

 


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

let userList = [
	{ name: "Kim", age: 30 },
    	{ name: "Lee", age: 20 },
   	{ name: "Son", age: 12 },
];

const result = userList.filter((user) => {
if(user.age < 19){
    	return true;
    }
    return false;
});

 


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

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

 

'Javascript' 카테고리의 다른 글

전개구  (0) 2023.08.01
array methods (2)  (0) 2023.07.31
toFixed(), isNaN(), parseInt()  (0) 2023.07.31
Symbol  (0) 2023.07.31
객체 메소드, 계산된 프로퍼티  (0) 2023.07.31