자바스크립트 - 배열 관련 함수 정리 toString, join, pop, push, shift, unshift

자바스크립트에서는 배열 객체에 사용할 수 있는 다양한 메서드들이 있습니다.

배열 메서드들을 이용하면 많은 기능을 쉽게 구현할 수 있습니다.

1.toString() 

• 배열 안의 값을 콤마를 찍어가며 모두 문자열로 출력합니다.

var hero = ['superman', 'batman', 'pororo'];

console.log(name.toString());  // "superman,batman,pororo"

2.  join()

• toString() 메서드와 같이 배열안의 값을 문자열로 출력하지만, 특정 구분자를 사이에 넣어줍니다.

var hero = ['superman', 'batman', 'pororo'];

console.log(hero.join('>')); //"superman>batman>pororo"

3. pop()

• 배열의 마지막 요소를 제거합니다.
• return 값 : 마지막 요소

var hero = ['superman', 'batman', 'pororo'];

console.log(hero.pop()); //"pororo"

4. push()

• 배열의 마지막에 새로운 요소를 삽입 합니다.
• return값 : 값이 추가된 배열의 길이

var hero = ['superman', 'batman', 'pororo'];

console.log(hero.push('ionman')); // 4

5. shift()

• 배열의 가장 첫번째 요소나, 가장 인덱스가 낮은 요소를 제거합니다.

var hero = ['superman', 'batman', 'pororo'];

console.log(hero.shift()); //"superman"

console.log(hero); //["batman", "pororo"]

6. unshift()

• 배열의 첫 번째에 새로운 요소를 넣습니다.
• return 값 -> 배열의 길이

var hero = ['superman', 'batman', 'pororo'];

hero.unshift('spiderman');

console.log(hero); //["spiderman", "superman", "batman", "pororo"]

 

더 많은 배열 메서드는 아래를 참고 부탁드립니다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse

Array.prototype.reverse() - JavaScript | MDN