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

자바스크립트 응용배열

· 1년 전 · 1082 · 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년 전

@미키손 

감사합니다 

게시글 목록

번호 제목
17657
17655
17654
17653
17652
17651
17650
17642
17633
17632
17631
17630
17628
17624
17623
17620
17618
17617
17614
17612
17611
17610
17609
17608
17607
17604
17603
17602
17600
17594