개발공작소
728x90
반응형
article thumbnail
[JS] javascript 배열 함수 : push( ), pop( ), shift( ), unshift( )에 대한 정리
FrontEnd/JavaScript 2022. 3. 5. 01:51

평소에 배열에 값을 추가할 일이 많아 push()를 많이 사용했는데, 배열에서 값을 제거 할 일은 없어서 pop()을 사용 할 일이 없었다. 거기에 shift()와 unshift()와 같이 배열의 왼쪽에 추가하거나, 제거하는 일은 더더욱 없었다.. 그런 김에 정리해본다. 핵심 배열에 값을 추가하는 함수 .push() : 배열의 오른쪽에 값을 추가 .unshift() : 배열의 왼쪽에 값을 추가 배열에서 값을 제거하는 함수 .pop() : 배열의 오른쪽의 값을 제거 .shift() : 배열의 왼쪽의 값을 제거 그럼 바로 테스를 해보자. testArray라는 배열을 선언하고 초기값으로 [1,2,3,4,5,6]을 줬다. 그리고 push()로 오른쪽에 7을 넣어주고 unshift()로 왼쪽에 0을 넣어준 뒤, ..

article thumbnail
[JS] javascript : push 함수와 concat 함수를 차이점을 알아보자.
FrontEnd/JavaScript 2022. 2. 3. 01:01

javascript를 쓰다보면 배열을 합치거나, 새로운 속성을 추가하는 일이 많은데, 그때 많이 쓰는게 바로 push와 concat 함수이다. 자주 쓰지만, 설명해보라고 하면 어버버.. 할 것 같다. 그래서 정리해본다. ============================================================================ 가장 큰 차이점은 아래와 같다. 1. push는 기존 배열에 원소를 추가한 뒤 총 길이를 리턴한다. 2. concat은 기존 배열에 원소를 추가한 뒤 새로운 배열을 리턴한다. 즉, push는 기존 배열의 데이터가 수정되고, concat은 새로운 배열을 리턴하기 때문에 기존 데이터는 변경되지 않는다. 사용법은 아래와 같이 사용한다. 1. push : 결과..

article thumbnail
[JS] Javascript flat 함수에 대해서 알아보자 (배열 안 배열 제거)
FrontEnd/JavaScript 2022. 2. 3. 00:29

오늘은 javascript에서 지원하는 flat 함수를 정리해보겠다. 카카오API를 가져오는 공부를 하는데.. 주소를 가져올 때 배열을 3개, 4개 씩 가져오는 것이었다.. Vue의 v-for 디렉티브를 이용할 때는 배열이 1개인 게 뿌려주기 쉽기 때문에, 배열을 합쳐줘야 하는데... 그냥 push나 concat을 이용하여 합쳐주니 다음과 같은 모습이 되었다.. 우선 내가 배열을 3개 만들었고, resultArray라는 배열을 만들어 그 안에 push해주고 있다. 그런데 resultArray에는 다음과 같이 담겼다.. 즉 배열안에 배열이 들어갔다는 말이다. 나는 배열안에 배열을 넣는 게 아닌, 배열안에 있는 객체들을 resultArray에 넣고 싶은데... 그때 사용 할 수 있는 게 flat함수이다. 이..

728x90
반응형