일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- express
- Vue
- App.vue
- State
- event
- 댓글달기
- v-html
- JavaScript
- vuex
- MySQL
- 리액트
- react
- nodejs
- sass
- scss
- jsx
- HOC
- 자바스크립트
- CSS
- Vue transition
- ES6
- input
- TypeScript
- Wecode
- webpack
- mapGetters
- Vue.js
- 자료구조
- 쉬운설명
- storybook
- Today
- Total
익명의 개발노트
[배열] 내장 메서드 본문
배열 문법은 상당히 많이 있다.
(immutable) : 원본이 변하지 않음.
(mutable) : 원본이 변함
1. concat() : 배열간에 연결하려면 concat() 사용. arr1.concat(arr2);
2. every() / some() : every는 조건에 만족하면 무조건 트루, some은 반대
3. fill() : 하나의 값으로 채우는거(채울꺼, 인덱스시작위치, 인덱스어디까지/기본이 this.length)
4. shift() : 배열 맨 앞에꺼 제거 (mutable)
5. unshift() : 배열 맨 앞에 집어넣기
6. reverse() : 역으로 정렬
7. sort() : 정렬
8. isArray : 검사할 객체 넣어주면 됨.
9. forEach : 리턴값 필요없음, 알아서 리턴 (immutable)
10. map : 리턴해줘야함. map(function (현재 element, index, 원본 배열)); (immutable)
11. filter : 리턴필요. filter(현재 element, index, 원본배열)); (immutable)
12. push() : 배열 맨 뒤부터 채워넣기 (mutable)
13. pop() : 배열 맨 뒤에꺼 삭제 (mutable)
14. slice() : 배열 원하는 만큼 자르고 return으로 자른거 복사. (시작index, 끝index) (immutable)
* 시작 index >= 끝 index 면 [ ]; , slice()하면 전부 복사
* slice(2) 하나만쓰면 인덱스 2번 뒤로 다 슬라이스.
var animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2)); //camel 뒤로 전부 복사 새로운 배열로 리턴.
// ["camel", "duck", "elephant"] console.log(animals.slice(2, 4));
// ["camel", "duck"]
15. splice : 배열 내용 추가 삭제할떄 사용, 리턴으로 새로운 배열 받을때 씀. (mutable)
arguments:
1) 처음 index 또는
2) (삭제시) 삭제할 element의 갯수
3) (추가시) 배열에 추가할 element (여러 개 가능)
return value: 새로운 배열 객체 반환
배열의 내용을 추가/삭제할 때 사용
var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
myFish.splice(2, 0, 'drum'); // 'drum'을 두번째 인덱스에 삽입
// ["angel", "clown", "drum", "mandarin", "sturgeon"]
myFish.splice(2, 1); // 두번째 인덱스에서 하나의 항목('drum')을 삭제
// ["angel", "clown", "mandarin", "sturgeon"]
16. reduce : 배열값을 단일 값으로 추출하고자 할때 주로 사용. (immutable)
(배열안의 요소들을 하나의 값으로 계산할때)
reduce(function(accumulator,currentValue,currentIndex
,
array
)
var numbers = [1, 2, 3, 4,5, 6];
var reduction = numbers.reduce(function(memo, x) {
console.log("memo = " +memo);
console.log("x = " +x);
return memo + x;
}, 2);
console.log("reduction= "+reduction);
값의 변화가 어떻게 이루어 지는지 보자.
=> memo = 2
=> x = 1
=> memo = 3
=> x = 2
=> memo = 5
=> x = 3
=> memo = 8
=> x = 4
=> memo = 12
=> x = 5
=> memo = 17
=> x = 6
=> reduction= 23
17. join() : 배열 내부 인자들을 연결자로 연결해주는 것. 문자열임. (immutable)
18. indexOf / includes / find : 배열내에서 처음 값 찾을때 사용. (immutable)
'프로그래밍 > javascript' 카테고리의 다른 글
this (0) | 2019.02.26 |
---|---|
Closure (0) | 2019.02.26 |
Scope (0) | 2019.02.26 |
[디버깅] 크롬을 활용한 디버깅하는 법 (0) | 2019.02.22 |
[변수] 타입 (0) | 2019.02.19 |