JavaScript 배열 방법
16544 단어 javascriptprogramming
어레이 돌연변이 방법
원래 어레이 변경
pop()
: 배열의 las 요소를 제거하고 반환합니다.const array = ['Element 1', 'Element 2', 'Element 3'];
console.log(array.pop()); // 'Element 3'
console.log(array); // ['Element 1', 'Element 2'];
shift()
: 배열의 첫 번째 요소를 제거하고 반환합니다.const array = ['Element 1', 'Element 2', 'Element 3'];
console.log(array.shift()); // 'Element 1'
console.log(array); // ['Element 2', 'Element 3'];
push()
: 배열 끝에 새 요소를 추가하고 배열의 새 길이를 반환합니다.const array = ['Element 1', 'Element 2', 'Element 3'];
console.log(array.push('Element 4')); // 4
console.log(array); // [ 'Element 1', 'Element 2', 'Element 3', 'Element 4' ]
reverse()
: 배열의 요소 순서를 반대로 바꿉니다.const array = ['Element 1', 'Element 2', 'Element 3'];
console.log(array.reverse()); // [ 'Element 3', 'Element 2', 'Element 1' ]
console.log(array); // [ 'Element 3', 'Element 2', 'Element 1' ]
unshift()
: 배열의 시작 부분에 하나 이상의 요소를 추가하고 배열의 새 길이를 반환합니다.const array = ['Element 1', 'Element 2', 'Element 3'];
console.log(array.unshift('Element 4')); // 4
console.log(array); // [ 'Element 4', 'Element 1', 'Element 2', 'Element 3' ]
sort()
: 배열의 요소를 정렬합니다.const array = [2, 8, 1, 4];
console.log(array.sort()); // [ 1, 2, 4, 8 ]
console.log(array); // [ 1, 2, 4, 8 ]
splice()
: 배열의 내용을 변경하고 기존 요소를 제거하거나 새 요소를 추가합니다.const array = [2, 8, 1, 4, 'a', 'b'];
console.log(array.splice(1,3,'a')); // [ 8, 1, 4 ]
console.log(array); // [ 2, 'a', 'a', 'b' ]
배열 접근자 메서드
원래 배열을 수정하지 않습니다. 새 배열을 만듭니다.
join()
: 배열의 모든 요소를 문자열로 결합하고 문자열을 반환합니다.const array = [2, 8, 1, 4, 'a', 'b', 'c'];
console.log(array.join()); // '2,8,1,4,a,b,c'
console.log(array); // [ 2, 8, 1, 4, 'a', 'b', 'c' ]
slice()
: 배열의 일부를 새 배열로 반환합니다.const array = ['Element 1', 'Element 2', 'Element 3'];
console.log(array.slice(1, 2)); // [ 'Element 2' ]
console.log(array); // [ 'Element 1', 'Element 2', 'Element 3' ]
concat()
: 둘 이상의 배열을 하나로 결합합니다.const array = ['Element 1', 'Element 2', 'Element 3'];
const array2 = [1, 2, 3];
const array3 = [true, false];
console.log(array.concat(array2, array3)); // [ 'Element 1', 'Element 2', 'Element 3', 1, 2, 3, true, false ]
console.log(array); // [ 'Element 1', 'Element 2', 'Element 3' ]
includes()
: 문자열, 숫자 등을 찾으면 true를 반환하고 아무것도 찾지 못하면 false를 반환합니다.const array = ['Element 1', 'Element 2', 'Element 3'];
console.log(array.includes(2)); // false
console.log(array.includes('Element 1')); // true
toString()
: 배열의 모든 요소를 문자열로 반환합니다.const array = ['Element 1', 'Element 2', 'Element 3'];
console.log(array.toString()); // 'Element 1,Element 2,Element 3'
indexOf()
: 검색과 일치하는 첫 번째 인덱스를 반환합니다.const array = [1, 2, 3, 4, 1, 3, 5, 2, 1];
console.log(array.indexOf(1)); // 0
lastIndexOf()
: 검색어와 일치하는 마지막 인덱스를 반환합니다.const array = [1, 2, 3, 4, 1, 3, 5, 2, 1];
console.log(array.lastIndexOf(2)); // 7
Reference
이 문제에 관하여(JavaScript 배열 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/carlos0318/javascript-array-methods-28h7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)