[JAVASCRIPT] 자바 스크립트 배열

JAVASCRIPT

[JAVASCRIPT] 자바 스크립트 배열

Arr_ 2021. 10. 31. 13:48

자바스크립트 배열의 특징

1. 어떤 종류의 자료형도 하나의 배열의 담을 수 있음

  <body>
    <script>
      //어떠한 종류의 자료형도 하나의 배열의 담을 수 있음

      let arr = [35, "a", 37.1, true, {}];
      
      console.log(arr);
    </script>
  </body>

2. push를 이용하여 배열 요소를 나중에 추가할 수 있음

  <body>
    <script>

      let arr = [35, 45, 55, 65, 75];

      //배열 요소 추가 : push 사용
      arr.push(75);
      arr.push(85);
      for (let i of arr) {
        console.log(i);
      }
    </script>
  </body>

3. 배열을 먼저 선언한 후 사용할 수 있음

배열 메소드 사용가능

- .join() : 연결

- .concat() : 다른 배열과 연결

- .slice() : 요소 자르기

- .reverse() : 배열 거꾸로 출력

- .sort() : 배열에 있는 데이터 정렬

  <body>
    <script>
      let arr = new Array();

      //배열 요소 추가 : push 사용
      arr.push(75);
      arr.push(85);
      arr.push(35);
      arr.push(45);
      arr.push(55);
      arr.push(65);

      for (let i of arr) {
        document.write(i + "<br>");
      }
      document.write("<br><br>");
      document.write("연결 : " + arr.join("-") + "<br>");
      document.write(
        "다른 배열과 연결 : " + arr.concat([2, 4, 6, 8, 10]) + "<br>"
      );
      document.write("요소 자르기 : " + arr.slice(1, 3) + "<br>");
      document.write("배열 거꾸로 출력 : " + arr.reverse() + "<br>");
      document.write("데이터 정렬하기 : " + arr.sort()); 
    </script>
  </body>

- 브라우저 출력

'JAVASCRIPT' 카테고리의 다른 글

[JAVASCRIPT] 자바 스크립트 내장 객체 - Date() (0)	2021.10.31
[JAVASCRIPT] 자바스크립트 객체 선언 (0)	2021.10.31
[JAVASCRIPT] 내장함수 - prompt(), parseInt(), Number(), isNaN() (0)	2021.10.31
[JAVASCRIPT] 자바스크립트 내장함수 - encodeURI(),encodeURIComponent() (0)	2021.10.31
[JAVASCRIPT] 함수 - 익명함수, 화살표함수, 즉시실행함수 (0)	2021.10.29

현재글[JAVASCRIPT] 자바 스크립트 배열

코시국에 Coding Life📑

Today :
Yesterday :

일	월	화	수	목	금	토
				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

코시국에 Coding Life📑

[JAVASCRIPT] 자바 스크립트 배열

'JAVASCRIPT' 카테고리의 다른 글

'JAVASCRIPT'의 다른글

티스토리툴바

[JAVASCRIPT] 자바 스크립트 배열

'JAVASCRIPT' 카테고리의 다른 글

'JAVASCRIPT'의 다른글

관련글

티스토리툴바