테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 응용배열

· 1년 전 · 1081 · 10

 

https://sir.kr/g5_tip/22654 에서 제가 사용한 배열관련 코드입니다.

참고로 저는 document.write 로 결과를 확인합니다.^^

 

1. 기본배열

[code]

<script>
sir = ["리자", "비타주리", "그누보드"];
document.write(sir);
//리자,비타주리,그누보드
</script>

[/code]

 

----------

 

2. 기본배열을 원래의 대괄호대로 추출 : JSON.stringify

[code]

<script>
sir = ["리자", "비타주리", "그누보드"];
document.write(JSON.stringify(sir));
//["리자","비타주리","그누보드"]
</script>

[/code]

 

----------

 

3. 배열의 총갯수 : length

[code]

<script>
sir = ["리자", "비타주리", "그누보드"];
document.write(sir.length);
//3
</script>

[/code]

 

----------

 

4. 배열의 [n] 번째 추출

[code]

<script>
sir = ["리자", "비타주리", "그누보드"];
document.write(sir[1]);
//비타주리
</script>

[/code]

 

----------

 

5. 반복문(예제에서는 5부터 14)과 push 를 이용한 연속수 배열

[code]

<script>
for (sir = [], i = 5; i <= 14; i++) sir.push(i);
document.write(sir);
//5,6,7,8,9,10,11,12,13,14
</script>

[/code]

 

----------

 

6. 배열합치기 : concat

[code]

<script>
sir_1 = ["리자", "비타주리", "그누보드"];
sir_2 = [1, 2, 3, 4, 5];
sir = sir_1.concat(sir_2);
document.write(sir); 
//리자,비타주리,그누보드,1,2,3,4,5
</script>

[/code]

 

----------

 

7. 배열중복제거 : ...new Set 

[code]

<script>
sir = [1, 2, 3, 2, 1, 7, 8, 2, 4];
sir = [...new Set(sir)];
document.write(sir);
//1,2,3,7,8,4
</script>

[/code]

 

----------

 

8. 두 배열의 차집합 : filter 와 includes

[code]

<script>
sir_1 = [1, 2, 3, 4, 5, 6, 7];
sir_2 = [3, 4, 6];
sir = sir_1.filter(x => !sir_2.includes(x));
document.write(sir);
//1,2,5,7
</script>

[/code]

!sir2 를 sir2 로 바꾸면 교집합

 

----------

 

9. 앞부분 n자리(예제에서는 6)만 절취하여 오름차순 정렬 : slice 와 sort

[code]

<script>
sir = [7, 11, 4, 3, 20, 37, 45, 6];
sir = sir.slice(0, 6).sort(function(...s) { return s[0] - s[1]; });
document.write(sir);
//3,4,7,11,20,37
</script>

[/code]

s[0] 과 s[1] 의 순서를 바꾸면 내림차순

 

----------

 

10. 중복없는 로또번호 추출 - https://sir.kr/g5_tip/20226

 

----------

 

11. for length / for in / for of - https://sir.kr/pg_tip/16985

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 10개

1년 전

항상 좋은 팁 감사 합니다.

공부는 죽을때 까지..

1년 전

@들레아빠 

제가 생각하는 코딩의 기본 세가지는

조건문과 반복문과 배열이에요.

그 어떤 대상이라도 일단 배열 안에만 담아놓으면 결과에 대한 통로가 보이기 시작하거든요.

고맙습니다. 비타주리님의 스킨, 플러그인 그리고 팁 모든 것에 감사드립니다.^^

1년 전

@김철용 

그냥 제 방식이에요. 이게 유행인지 아닌지도 관심없구요.

항상 좋은 팁 감사합니다.
정말 많은 도움이 됩니다.
1년 전

@오빠야

php 배열과 비슷해요

1년 전

감사합니다 ^^

1년 전

@민트다이어리 

감사합니다 

유용하고 쓸모있는 팁 감사합니다

1년 전

@미키손 

감사합니다 

게시글 목록

번호 제목
18200
18195
18193
18181
18179
18173
18170
18164
18158
18155
18152
18151
18150
18140
18139
18138
18131
18130
18120
18119
18118
18117
18116
18111
18110
18108
18107
18106
18100
18090