배열 메소드

이용원·2022년 11월 3일
0

JAVASCRIPT

목록 보기
2/34

배열 메소드

push

배열의 끝에 항목을 추가한다.
새로운 배열이 생기는 게 아니라 기존의 배열에 값이 추가되는 것이다.

let array1 = [1,2,3,4];
array1.push('push add');

console.log(array1); // [ 1, 2, 3, 4, 'push add' ]

array1.push('hi')return값은 추가된 값일 거 같지만
이 값이 추가된 인덱스위치를 return해준다.
console.log(array1.push('hi'));

pop

배열의 끝에 항목을 삭제한다

array1 =[ 1, 2, 3, 4, 'push add' ]

array1.pop();pop()은 안에 인수가 따로 필요 없음.
console.log(array1) //[ 1, 2, 3, 4 ]

pop은 array1.pop()return하게 되면 삭제된 그 값을 return해준다.

let poped = array1.pop(); // 삭제된 마지막 데이터
console.log(poped);		 // 4
console.log(array1)		//[ 1, 2, 3 ]

shift

배열의 시작부분의 항목을 삭제한다.

array1.shift();
console.log(array1)

pop과 마찬가지로 array1.shift()의 값은 인덱스 값이 아니라 삭제된 데이터값을 return해준다.
console.log(array1.shift());
console.log(array1)

unshift

배열의 시작부분에 항목을 추가한다.

array1.unshift(1);
console.log(array1); [ 1, 3, 'hi', 'hi' ]

concat(접합)

2개 이상의 배열을 병합할 때 사용된다.
원본 배열에 영향을 끼치지 않고 새로운 배열을 리턴해준다.

let willConcatArray1 =['hi', 'im', 'lee'];

let willConcatArray2 =['nice', 'to', 'meet', 'you'];

let concatedArray = willConcatArray1.concat(willConcatArray2);

console.log(concatedArray) // ["hi", "im", "lee", "nice", "to", "meet", "you"]

includes()

배열안에 데이터가 있는지 찾아준다.
true//false를 리턴해준다.

let includesArray = ['blue', 'red', 'black'];

console.log(includesArray.includes('blue')); //true
console.log(includesArray.includes('pink')); //pink

indexOf()

배열안의 데이터의 인덱스값을 리턴해준다


let indexOfArray = ['blue', 'red', 'black', 'red', 'blueblack'];

console.log(indexOfArray.indexOf('blue')); // 0
console.log(indexOfArray.indexOf('black')); // 2
console.log(indexOfArray.indexOf('red')); // 1 
console.log(indexOfArray.indexOf('blueblack')); // 4
console.log(indexOfArray.indexOf('pink')); // -1 -1이 나오면 배열안에 없다는 뜻

reverse()

배열을 뒤집어 준다.
배열안에 첫번째 값이 마지막 값이 되고 마지막 값이 배열의 첫번째 값이 된다.
새로운 배열을 리턴해주는 것이 아니라 기존의 배열을 바꿔버린다.
즉 안에 있는 데이터의 인덱스값이 전부 바뀐다.

let reverseArray = ['first', 'second', 'third', 'last']; //[ 'first', 'second', 'third', 'last' ]
console.log(reverseArray);

reverseArray.reverse();
console.log(reverseArray) //[ 'last', 'third', 'second', 'first' ]

console.log(reverseArray.reverse()); //[ 'last', 'third', 'second', 'first' ]
console.log에 찍어보니 배열이 나온다.
나중에 함수에서 return 값으로 배열이 나오게 한다.

0개의 댓글

관련 채용 정보