TIL.13 Javascript_초급_3
Array list method 함수 알아보기
// list method
-
POP
var A = [1, 2, 3, 4, 5];
A.pop();
console.log(A);
::
[ 1, 2, 3, 4 ]
// pop() == 배열의 가장 뒷부분 값 삭제
-
PUSH
var B = [1, 2, 3, 4, 5];
B.push(10);
console.log(B);
::
[ 1, 2, 3, 4, 5, 10 ]
// push(값) == 배열의 가장 뒷부분 값 삽입
-
unshift
var C = [1, 2, 3, 4, 5];
C.unshift(500);
console.log(C);
::
[ 500, 1, 2, 3, 4, 5 ]
// unshift(값) == 배열 앞부분 값 삽입
-
shift
var D = [1, 2, 3, 4, 5];
D.shift();
console.log(D);
::
[ 2, 3, 4, 5 ]
// shift() == 배열 앞부분 값 삭제
-
splice (slice와 혼동 주의)
var E = [1, 2, 3, 4, 5, 6, 7, 8];
E.splice(3, 2); /// 4, 5 값 2개 삭제, 인덱스 3번 자리부터 요소 2개 삭제
console.log(E);
::
[1, 2, 3 ,6, 7, 8]
var F = [1, 2, 3, 4, 5, 6 ,7 ,8];
F.splice(2, 1, "a", "b"); /// 3 값 1개 삭제 후 인덱스 2번 자리에 a, b 삽입
console.log(F);
::
[1, 2, "a", "b", 4, 5, 6 ,7 ,8]
// splice () == 배열의 특정위치에 요소를 추가하거나 삭제
// splice(index, 제거할 요수 갯수, 배열에 추가될 요소)
-
slice (splice와 혼동 주의)
var AAA = [1, 2, 3, 4, 5, 6, 7];
var BBB = AAA.slice(3, 6);
console.log(BBB);
::
[4, 5, 6]
// slice () == 배열의 startindex ~ endindex(미포함)에 대한 새로운 배열의 객체로 반환
// slice( startindex, endindex) == start <= xx > end
-
concat
var G = [1, 2, 3];
var H = [4, 5, 6];
var I = H.concat(G);
console.log(I);
::
[4, 5, 6, 1, 2, 3]
// concat () == 다수의 배열을 합치고 병합된 배열의 사본을 반환
// H.concat(G); --> [H, G] 순서로 배열 병합
-
map
var J = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var K = function(value) {
return value % 2 === 0;
};
var L = J.map(K);
console.log(L);
::
[ false, true, false, true, false, true, false, true, false, true ]
// map() == 배열의 각 원소별로 지정된 함수를 실행한결과(K)로 구성된 새로운 배열은 반환함.
-
filter
var N = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var M = function(value) {
return value % 2 === 0;
};
var O = N.filter(M);
console.log(O);
::
[ 2, 4, 6, 8, 10 ]
// filter() == 지정된 함수의 결과 값을 true로 만드는 원소들로만 구성된 별도의 배열을 반환. (map과 다른점 인지)
-
sort
var P = [13, 12, 11, 10, 5, 3, 2, 1];
P.sort();
console.log(P);
::
[ 1, 10, 11, 12, 13, 2, 3, 5]
// sort() = 배열의 원소를 알파벳 순으로, 또는 지정된 함수에 따른 순서로 정렬
// 모든 원솔르 문자열로 취급해 사전적으로 정렬!! [ 1, 2, 3 ] (x) , [1, 10, 11, 12] (o)
// 문자열의 유니코드 코드 포인트를 따른다.
// 원소 배열에서 정렬 되는 것 뿐 새로운 복사본이 만들어지는 것은 아니다.
var Q = [13, 12, 11, 10, 5, 3, 2, 1];
Q.sort(function(a, b) {
return a - b;
})
console.log(Q);
::
[ 1, 2, 3, 5, 10, 11, 12, 13]
// 우리가 원하는 오름차순 배열을 만들기 위해선
// (function(a, b), return a - b; ==> 오름차순
// (function(a, b), return b - a; ==> 내림차순
// a, b 순서 --> (13, 12) --> 13-12 = 1 , 0보다 크기때문에 순서를 바꾼다. (12, 13)으로
// (13, 11) --> 13 - 11 = 2, 0보다 크기 때문에 순서 바뀜 ( )
// [12, 13, 11, 10, 5, 3, 2, 1]
// [12, 11, 13, 10, 5, 3, 2, 1]
// [12, 11, 10, 13, 5, 3, 2, 1]
// [12, 11, 10............, 13]
// 이제 (12, 11)로 비교
// [11, 12, 10, 5, 3......, 13]
// [11, 10, 12, .........., 13]
// [11, 10, 5, .........12, 13]
출처
blog.302chanwoo.com/2017/08/javascript-array-method/