자바스크립트 배열에서 Array.keys() 메서드를 사용하면 배열의 인덱스를 가져올 수 있다. keys() 메서드로 추출된 key 값들은 인덱스로 사용되며 배열의 특정 위치의 값에 접근하는데 사용된다. 배열의 값이 많을 수록 요긴하게 사용할 수 있고 반복을 통해 데이터 가공에도 용이하다.
자바스크립트 배열 Array.keys() 메서드 사용
자바스크립트로 배열을 가지고 데이터를 가공하다보면 배열을 key 값이 필요할 때가 있다.
자바스크립트 배열의 key 는 배열의 인덱스로써 사용되기도 하며 배열에 속해있는 각각의 값에 접근하여 값을 가져올 수 있다.
배열의 인덱스는 순차적으로 0부터 시작하지만 특정 위치의 배열의 경우 인덱스 값인 key 를 별도로 알 필요가 있다.
자바스크립트 배열의 인덱스로 사용되는 key 값을 가져오는 방법은 Array.keys() 메서드를 사용한다.
Array.keys() 자바스크립트 배열의 key 얻기
Array.keys() 메서드를 사용하면 자바스크립트 배열의 key 값을 얻을 수 있다.
key 값은 인덱스와 같이 순차적으로 0부터 시작한다.
Array.key() 메서드에 배열 자체를 인자값으로 주면 key 를 얻을 수 있다.
단 keys 메서드는 반복 객체를 리턴하기 떄문에 별도의 반복문을 필요로 한다.
Array.keys(Array);샘플 코드
위의 예제를 이용하여 자바스크립트 배열을 key 값을 가져오도록 한다.
여기서 얻은 key 값은 배열과 함께 인덱스로 활용될 수 있다.
아래의 코드에서 살펴볼 것은 keys() 메서드를 사용하는 부분과 각각의 key 값을 출력하는 반복문부분이다.
<!DOCTYPE html>
<html>
<body>
<script>
let vArray;
let vFind;
console.log('----------');
vArray = ["바나나", "귤", "사과", "망고"];
vKeys = vArray.keys();
console.log(vArray);
console.log(vKeys);
let text = "";
for (let lpEach of vKeys) {
console.log(lpEach, vArray[lpEach]);
}
console.log('----------');
</script>
</body>
</html>결과 화면을 보자.
배열에 어떤 객체 데이터가 있는 먼저 출력한다.
keys 메서드를 사용하여 배열의 key 값들을 추출한 후 반복문을 통해 배열의 key와 값을 출력하고 있다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 배열 상수 특징 javascript const array (0) | 2022.02.07 |
|---|---|
| 자바스크립트 배열 Array.includes 메서드 사용 배열 요소 찾기 (0) | 2022.02.05 |
| 자바스크립트 반복 Array.from 메서드 사용 배열 객체들 표시하기 (0) | 2022.02.03 |
| 자바스크립트 배열 findIndex 메서드 사용 배열의 검색된 첫번째 값 인덱스 찾기 (0) | 2022.01.31 |
| 자바스크립트 배열 find 메서드 사용 배열의 검색된 첫번째 값 찾기 (0) | 2022.01.29 |
댓글