JavaScript 관련 기능 설명

JavaScript 학습에 자주 등장하는 기능이 있습니다. 이 글에서는 그 중 일부를 자세히 설명하겠습니다.

.map

map 메소드는 배열의 각 요소를 반복하고 콜백 함수에 따라 각 요소를 처리한 후 마지막으로 새 배열을 반환합니다.

맵 메소드를 사용하여 oldArray의 각 항목을 3씩 증가시키고 newArray에 저장합니다. oldArray를 변경하면 안 됩니다.

var oldArray = [1,2,3,4,5];var newArray = oldArray.map(function(val){  return val + 3;  });
.reduce

배열의 요소는 왼쪽에서 오른쪽으로 순서대로 연산되며, 왼쪽 마지막 요소는 마지막 결과의 누적 값(previousVal)과 현재 값(currentVal)이 포함된 반환 값
입니다.

var array = [4,5,6,7,8];var singleVal = 0;singleVal = array.reduce(function(previousVal, currentVal){ return previousVal + currentVal;   });
.filter

filter 메서드는 배열을 반복하고 주어진 조건에 따라 일치하는 요소를 필터링하는 데 사용됩니다.

필터를 사용하여 새 배열을 만듭니다. 새 배열의 값은 값이 6보다 작은 oldArray의 요소입니다. 원본 배열은 변경할 수 없습니다. oldArray

var oldArray = [1,2,3,4,5,6,7,8,9,10];var newArray = oldArray.filter(function(val){    return val<6;   });
.sort

sort 메서드는 원본 배열을 변경하고 정렬된 배열을 반환합니다. sort는 비교 함수를 인수로 전달할 수 있습니다. 비교 함수에는 반환 값이 있습니다. a가 b보다 작으면 음수를 반환하고, b보다 크면 양수를 반환합니다. 비교 함수가 전달되지 않으면 모든 값을 문자열로 변환하고 알파벳순으로 정렬합니다.

정렬을 사용하여 배열을 오름차순으로 정렬하세요.

var array = [1, 12, 21, 2];array.sort(function(a, b) {  return a - b;});result: [1,2,12,21]
.reverse

역방향을 사용하여 배열을 뒤집습니다. 그리고 newArray.

var array = [1,2,3,4,5,6,7];var newArray = [];newArray = array.reverse();
reverse_result.png
.concat

concat에 할당됩니다. 메소드의 매개변수는 배열이어야 합니다. 매개변수의 배열은 원래 배열 다음에 연결되어 새 배열로 반환됩니다.

.concat()을 사용하여 oldArray 뒤에 concatMe를 연결하고 이를 newArray에 할당합니다.

concat_result.png
.split

split 메소드를 사용하면 지정된 구분 기호로 문자열을 배열로 분할할 수 있습니다. 구분 기호로 사용될 매개변수를 분할 메서드에 전달합니다.

문자열을 배열 배열로 분할하려면 분할 방법을 사용하세요.

구분 기호가 없습니다.

<script type="text/javascript">
    var str="How are you doing today?";    var n=str.split();    document.write(n);</script>输出：
How are you doing today?

문자열의 각 문자를 구분하세요. 출력 ：

H,w are y,u d,ing t,day?
.join

join 메소드를 사용하여 배열을 문자열로 변환합니다. 배열의 각 요소는 지정한 커넥터와 연결할 수 있습니다. 이 커넥터는 전달하려는 매개변수입니다.

조인 메소드를 사용하면 연결자는 '' 배열 JoinMe를 문자열 JoinString으로 변환합니다.

var veggies = ["Celery", "Radish", "Carrot", "Potato"];var salad = veggies.join(" and ");console.log(salad); // "Celery and Radish and Carrot and Potato" 
.replace

는

이 문서에서 몇 가지 일반적인 기능을 자세히 설명합니다. 관련 지식은 PHP 중국어에 주의하세요. 웹사이트.

관련 권장사항:

jquery DOM 및 이벤트에 대한 설명

관련 모듈 기본 사항

dom 개체의 innerText와 innerHTML의 차이점은 무엇인가요?

위 내용은 JavaScript 관련 기능 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!