또는 웹 프로그래밍이 동적 웹 애플리케이션을 탄생 시켰습니다. 웹의 부상과 함께 JavaScript는 가장 중요한 언어 오늘날 세계에서.이 자바 스크립트 배열 조다음 순서로 JavaScript의 배열 메서드에 대해 자세히 설명합니다.
자바 스크립트 소개
웹 페이지를보다 대화 형으로 만드는 데 사용되는 높은 수준의 해석 된 프로그래밍 언어입니다. 웹 페이지를보다 생동감 있고 대화식으로 만드는 매우 강력한 클라이언트 측 스크립팅 언어입니다.
웹 페이지에 복잡하고 아름다운 디자인을 구현하는 데 도움이되는 프로그래밍 언어입니다. 웹 페이지가 생생하게 보이고 단순히 멍청한 것 이상을 수행하려면 JavaScript가 필수입니다.
JavaScript의 기초
언어를 처음 사용하는 경우 몇 가지를 알아야합니다. JavaScript의 기초 코드 작성을 시작하는 데 도움이됩니다. 기본 사항은 다음과 같습니다.
당신은 확인할 수 있습니다 JavaScript의 이러한 기본 개념과 기본 사항에 대해 자세히 알아보십시오. 이 JavaScript Array 기사에서는 항목 목록을 정의하는 데 사용되는 다양한 배열 메서드에 중점을 둡니다.
자바 스크립트 배열
배열은 데이터 구조 단일 변수 아래에 여러 값을 저장하는 요소 목록을 포함합니다.
JavaScript에서 배열을 선언하려면‘ 허락하다 ’키워드를 대괄호로 묶고 그 안의 모든 요소를 묶습니다. 구문은 다음과 같습니다.
let ListItems = [] ListItems = [ 'shoes', 'watch', 'bag']
다음과 같이 선언 할 수도 있습니다.
let ListItems = [ 'shoes', 'watch', 'bag']
배열과 객체의 차이점
JavaScript 변수는 객체가 될 수 있습니다. 배열은 특별한 종류의 객체로 간주됩니다. 이로 인해 동일한 배열에 다른 유형의 변수를 가질 수 있습니다.
myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems
자바 스크립트에서 배열 사용하다 번호가 매겨진 색인 . 이므로, 사물 사용됩니다 명명 된 인덱스 .
자바 스크립트 배열 방법
사용 목적 정렬 저장하는 것입니다 여러 값 안에 단일 엔티티 선언 된 변수의. 배열은 단일 변수를 사용하여 순서대로 요소에 액세스하고자 할 때 사용됩니다. 단일 배열에 문자열, 부울 및 숫자를 저장할 수 있습니다.
다르다 자바 스크립트 배열 방법 다음과 같은 다양한 작업을 수행하기 위해 :
푸시() – 배열로 작업하는 동안 요소를 제거하고 새 요소를 추가하는 것은 쉽습니다. push () 메서드 추가 ...에 새로운 요소 ~로 종료 배열의. 반환 값은 새 배열 길이입니다.
예:
let listItems = [ 'bag', 'shoes', 'dress'] console.log (listItems.push ( 'watch'))
산출:
4
Push ()는 배열에 추가 된 값을 반환하지 않습니다. 배열의 새 길이 만 반환합니다.
팝 ()- pop () 메서드는 없애다 그만큼 마지막 요소 배열에서. 튀어 나온 값을 반환합니다.
예:
let listItems = [ 'bag', 'shoes', 'dress'] console.log (listItems.pop ())
산출:
드레스
Pop ()은 Push ()와 같은 배열 길이가 아니라 제거 된 값을 반환합니다.
시프트() – 시프트는 팝핑과 유사하며 마지막 요소가 아닌 첫 번째 요소에서 작업합니다. shift () 메서드는 없애다 그만큼 첫 번째 배열 요소 다른 모든 요소를 더 낮은 인덱스로 이동합니다. 이동 한 문자열을 반환합니다.
예:
let listItems = [ 'bag', 'shoes', 'dress'] console.log (listItems.shift ())
산출:
가방
Shift ()는 pop ()과 동일하게 작동하지만 마지막 요소 대신 배열의 첫 번째 요소를 반환합니다.
unshift () – 방법 추가 새로운 요소는 배열의 시작 이전 요소를 이동 해제합니다. Push ()와 유사하며 새로운 배열 길이를 반환합니다.
예:
어떤 스캐너 클래스 메소드가 문자열을 읽습니까?
let listItems = [ 'bag', 'shoes', 'dress', 'watch'] console.log (listItems.unshift ( 'phone'))
산출:
5
Unshift ()는 새 요소를 배열에 추가하고 새 배열의 길이를 반환합니다.
concat () – concat () 메서드는 다음과 같은 방법으로 새 배열을 만듭니다. 연결 또는 기존 배열 병합. 그것기존 배열을 수정하지 않고 항상 새 배열을 반환합니다.
예:
let arr1 = [ 'red', 'blue', 'green'] let arr2 = [ 'colors', 'spraypaint', 'brush'] let newArr = arr1.concat (arr2) console.log (newArr)
산출:
toString () – toString () 메소드를 사용하여 변하게 하다 배열에 끈 쉼표로 구분 된 배열 값
예:
let colors = [ 'red', 'blue', 'green'] console.log (colors.toString ())
산출:
빨강, 파랑, 녹색
어울리다() – join () 메서드는 toString ()과 동일하게 작동합니다. 그것은에 사용됩니다 어울리다 모든 배열 요소를 끈 을 지정할 수 있습니다. 분리 기호 .
예:
let colors = [ 'red', 'blue', 'green'] console.log (colors.join ( '+'))
산출:
빨강 + 파랑 + 녹색
역전() – reverse () 메서드는 역전 그만큼 주문 배열에있는 요소의. 원래 배열을 변경하고 요소의 순서를 바꿉니다.
예:
let fruits = [ 'mango', 'apple', 'grapes'] console.log (fruits.reverse ())
산출:
종류() – sort () 메소드를 사용하여 종류 배열 알파벳순으로 . 이 함수는 기본적으로 값을 문자열로 정렬합니다.
예:
let fruits = [ 'mango', 'apple', 'grapes'] console.log (fruits.sort ())
산출:
일부분() – slice () 메서드는 일부분 배열의 일부를 새 배열로 빼냅니다. 소스 배열에서 요소를 제거하지 않고 새 배열을 만듭니다. 배열에서 분리 된 값을 반환합니다.
예:
let colors = [ 'red', 'blue', 'green', 'yellow', 'orange'] console.log (colors.slice (1,3))
산출:
이들은 가장 일반적으로 사용되는 JavaScript 배열 메서드 중 일부였습니다. 이것으로 우리는 우리 기사의 끝까지 왔습니다. JavaScript에서 배열 메서드가 어떻게 사용되는지 이해 하셨기를 바랍니다.
이제 자바 스크립트 배열 방법에 대해 알았으니 에듀 레카. 웹 개발 인증 교육은 HTML5, CSS3, Twitter Bootstrap 3, jQuery 및 Google API를 사용하여 인상적인 웹 사이트를 만들고 Amazon Simple Storage Service (S3)에 배포하는 방법을 배우는 데 도움이됩니다.
질문이 있으십니까? 'JavaScript Array'의 주석 섹션에 언급 해 주시면 다시 연락 드리겠습니다.