JS 배열에 요소를 추가하는 방법 요약

韦小宝
풀어 주다: 2018-01-26 11:05:22
원래의
4033명이 탐색했습니다.

이 글에서는 JS 배열에 요소를 추가하는 다양한 방법을 사용하여 JS배열에 새 요소를 추가하는 방법을 소개합니다. 배열은 JS에서 가장 일반적으로 사용되는 데이터 유형 중 하나이며, 이는 우리가 제공하는 기본 사항 중 하나입니다. 알아야 작동할 수 있습니다.

JS 배열에 요소를 추가하는 방법을 살펴보겠습니다!

배열의 시작 부분에 새 요소 추가 - unshift()
테스트 코드:

<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to add elements to the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script> 
<p><b>Note:</b> The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p>
</body>
</html>
로그인 후 복사

테스트 결과:

Lemon,Pineapple,Banana,Orange,Apple,Mango
로그인 후 복사

배열의 두 번째 위치에 요소 추가 - splice()
테스트 코드:

<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to add elements to the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>
로그인 후 복사

테스트 결과:

Banana,Orange,Lemon,Kiwi,Apple,Mango
로그인 후 복사

배열 끝에 새 요소 추가 - push()
테스트 코드:

<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to add a new element to the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction()
{
fruits.push("Kiwi")
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>
로그인 후 복사

테스트 결과:

Banana,Orange,Apple,Mango,Kiwi
로그인 후 복사

각 JS의 배열 작업에 익숙하지 않은 학생들도 주의 깊게 연습해야 한다는 장점이 있습니다!

추천 자료:

JavaScript 배열의 push 메서드에 대한 참고 사항

push() 메서드는 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 반환합니다.

Javascript 배열 중복 제거/검색/삽입/삭제 방법

이 문서는 배열의 다양한 작업에 대해 설명합니다.

JavaScript 배열의 특정 요소를 삭제하는 방법 소개

js 배열의 특정 요소를 삭제하는 것은 우리 각자가 겪는 문제입니다


위 내용은 JS 배열에 요소를 추가하는 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!