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?
문자열의 각 문자를 구분하세요. 4ec11beb6c39d0703d1751d203c17053
var str="How are you doing today?"; var n=str.split(""); document.write(n);</script>输出: H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
문자열을 "o"로 구분하세요. 4ec11beb6c39d0703d1751d203c17053
var str="오늘 잘 지내세요?"; var n=str.split("o");2cacc6d41bbb37262a98f745aa00fbf0출력 :
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 중국어에 주의하세요. 웹사이트.
관련 권장사항:
dom 개체의 innerText와 innerHTML의 차이점은 무엇인가요?
위 내용은 JavaScript 관련 기능 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!