JavaScript Array 주요 메서드를 알아보자!!

JD·2021년 9월 29일
0

JavaScript

목록 보기
9/13

🔎하기전에

Array에서 자주 사용하는 것들을 정리 해보자

🔎코드

.indexOf()
배열 앞에서 부터 검색 없으면 -1을 반환하고 있으면 해당 위치를 반환 한다

let arr = [10,20,30,20,40];
let n;


n = arr.indexOf(20);//없으면 -1을 반환 한다
console.log("20의 인덱스"+n);// 1

.lastIndexOf()
배열 뒤에서 부터 검색
뒤에서 부터 검색하며 없으면 -1 있으면 해당 위치를 반환한다

let arr = [10,20,30,20,40];
let n;


n = arr.lastIndexOf(20);//없으면 -1을 반환 한다
console.log("20의 인덱스"+n);// 3

.reverse()
배열 반전

let arr = [10,20,30,40,50];
let a = arr.reverse(); // 배열의 순서를 반전시킨다
console.log(arr.join());//10,20,30,40,50
console.log(a.join());//50,40,30,20,10

.forEach
주어진 callback을 각요소마다 실행합니다
ES6부터 사용가능합니다

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

arr.forEach(function(item) {//item 각요소
	s += item;
});
console.log(s);

arr.forEach(function(item,index) { //item:각 요소값, index:첨자
	console.log(index+':'+item);
});

.filter()
조건에 만족하는 요소로 배열 작성

let arr = [1,2,3,4,5,6,7,8,9,10];
let result=[];
// filter() : 조건에 만족한 요소만으로 새로운 배열 작성
result = arr.filter((item)=> item%2);

map()
배열의 각요소에 대하여 순차적으로 주어진 함수를 실행한 반환 값으로 새로은 배열 반환

let a =[1,2,3,4,5];
let a2 = [];


for(let i =0; i<a.length;i++){
	a2.push(a[i]*2);
}
console.log(a2.join());

var a3 = a.map((item) =>  item*2);
console.log(a3.join());

var a4 = a.map((item,index) =>  index%2==0 ? item:item*2);
console.log(a4.join());

🔎하면서

indexOf()는 잘쓰고 있지만 가끔 lastIndexOf()를 쓸때 자꾸 I를 소문자로 쓰는 경우가 있다 앞으로 쓸때 주의하면서 써야지

🔎마치며

배워고 배워도 앞으로 할께 많다 그래도 해놓은 걸 보니 뿌듯하다 느려도 천천히 앞으로 가자

0개의 댓글