JS ~ 배열 ~

이번에는 JS로 배열을 만들어갑니다!

배열



index.js
<body>
  <script>
    'use strict'

    const fruits = ["バナナ", "りんご", "みかん"]
    document.write(fruits);
  </script>
</body>

상수에 과일을 대입해 갑니다. 이번에는 바나나와 사과와 귤을 늘어놓았습니다.
브라우저에서 보면 다음과 같이 됩니다.


꺼내다



그럼, 이 배열로부터 1개 꺼내 가고 싶습니다.

배열은 왼쪽에서 순서대로 0번째라고 생각합니다.
이번에는 사과를 꺼내고 싶습니다.

index.js
<script>
    'use strict'

    const fruits = ["バナナ", "りんご", "みかん"]

    document.write(fruits[1]);
  </script>

이번 사과는 첫 번째 배열입니다.



추가, 삭제



다음으로, 이 배열에 추가와 삭제를 해 나가고 싶습니다.

index.js
<script>
    'use strict'

    const fruits = ["バナナ", "りんご", "みかん"]
    // document.write(fruit);
    // document.write(fruit[1]);
    fruits.pop();
    fruits.push("もも");
    document.write(fruits);
 </script>

팝에서 꼬리 감귤을 제거하고 푸시에서 꼬리에 허벅지를 추가했습니다.



index.js
const fruits = ["バナナ", "りんご", "みかん"]
    fruits.shift();
    fruits.unshift("マンゴー")
    document.write(fruits);

문장 바나나를 제거하고 망고를 추가했습니다.



*push와 unshify는 한 번에 여러 요소를 추가할 수 있습니다.

중간에 요소 추가, 삭제



삭제 수보다 많은 수를 추가하는 데 사용됩니다.

index.js
<script>
    'use strict'

    const fruits = ["バナナ", "りんご", "みかん"]
    fruits.shift();
    fruits.unshift("マンゴー");
    fruits.splice(1,2,"さくらんぼ","ぶどう");
    document.write(fruits);
  </script>

다음과 같이 되었습니다! !

좋은 웹페이지 즐겨찾기