JS 배열 학습은 모든 요소를 ​​역으로 연결하여 문자열을 출력합니다.

이전 글 "JS 배열 학습: 모든 요소를 ​​연결하고 문자열을 반환하는 방법", "JS 배열 학습: 배열을 반복하여 요소의 합을 계산하고 값을 문자열로 연결"에서 방법을 소개했습니다. 배열 사용 순서대로 모든 요소를 ​​왼쪽에서 오른쪽으로 연결하여 문자열을 형성하는 방법에는 여러 가지가 있습니다. 이번에는 계속해서 JS 배열을 문자열로 소개하고, 모든 배열 요소를 역방향(오른쪽에서 왼쪽으로)으로 연결하여 역방향 문자열을 만드는 방법에 대해 이야기하겠습니다. 필요하신 분들은 배워보세요~

오늘의 주요 내용 기사 예: 배열을 역방향으로 탐색하고 배열 요소를 오른쪽에서 왼쪽으로 문자열로 연결합니다. 아래에는 세 가지 구현 방법이 소개되어 있습니다.

방법 1: for 루프 사용

구현 아이디어:

• for 루프를 사용하여 배열을 역방향으로 탐색합니다.

  배열을 역방향으로 탐색하려는 경우 초기 조건은 i=배열 길이-1,제한 조건은 i>=0입니다. i는 배열이 실행될 때마다 1씩 감소해야 합니다(i--). 루프 i=数组长度-1，限制条件为 i>=0，每循环一次i需要自减1（i--）

for(i=arr.length-1;i>=0;i--){  //逆向循环遍历数组
}

• 然后利用字符串连接运算符“+”或者concat()方法来拼接数组元素，转为字符串。【推荐阅读：《JS字符串学习之巧用函数来连接多个字符串》】

我们看看实现代码：

var arr = [1,2,3,4,5,6,7,8,9,0];
var i,str="";
for(i=arr.length-1;i>=0;i--){  //逆向循环遍历数组
	//拼接
	str=str+''+arr[i];
	// str=str.concat(arr[i]);
}
console.log(str);

输出结果为：

方法2：利用数组的reduceRight() 方法

recudeRight() 方法可从右向左对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供。

array.reduceRight(function callbackfn(previousValue, currentVaule, currentIndex, array)[, initialValue])

function callbackfn(previousValue,currentVaule,currentIndex,array)

var arr = [1,2,3,4,5,6,7,8,9,0];
var str = '';

function f(pre,curr) {
	str=pre+''+curr;
	return str;
}
arr.reduceRight(f);
console.log(str);

• 그런 다음 문자열 연결 연산자 "+" 또는 concat() 메서드를 사용하여 배열 요소를 연결하고 문자열로 변환합니다. [추천 자료: "여러 문자열을 연결하는 함수를 사용한 JS 문자열 학습 기술
" 】
구현 코드를 살펴보겠습니다.

• var arr = [1,2,3,4,5,6,7,8,9,0];
  var str = '';
  function f(pre,curr) {
  	str=pre+'-'+curr;
  	return str;
  }
  arr.reduceRight(f);
  console.log(str);

  출력 결과는 다음과 같습니다.


방법 2: array

recudeRight() 메서드의 ReduceRight() 메서드를 사용하면 모든 요소에 대해 오른쪽에서 왼쪽으로 지정할 수 있습니다. array.callback 함수. 이 콜백 함수의 반환 값은 누적된 결과이며, 이 반환 값은 다음 콜백 함수 호출 시 파라미터로 제공됩니다.

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)

함수 callbackfn(previousValue,currentVaule,currentIndex,array): 필수 매개변수, 최대 4개의 매개변수를 받을 수 있는 콜백 함수 지정:

previousValue: 초기 값 또는 마지막 호출 콜백 함수에서 얻은 값입니다.

currentValue: 현재 요소 배열의 값입니다.

currentIndex: 현재 배열 요소의 숫자 인덱스입니다.

array: 요소를 포함하는 배열 객체입니다.

reducerRight()를 사용하여 배열 요소를 역방향으로 연결하는 방법을 살펴보겠습니다.

• var arr1 = [1,2,3,4,5,6,7,8,9,0],arr2=[];
  var str = '';
  function f(pre,curr) {
  	str=pre+''+curr;
  	return str;
  }
  arr2=arr1.reverse();
  arr2.reduce(f);
  console.log(str);

  출력 결과는 다음과 같습니다.

• 각 배열 요소를 구분하기 위해 구분 기호를 사용하려면 "+" 두 개를 추가하면 됩니다. 콜백 함수에서 "연산자 사이의 빈 문자열은 지정된 구분 기호가 됩니다.
rrreee출력 결과는 다음과 같습니다.



방법 3: reverse()+reduce()
reverse()를 사용하여 되돌립니다. 배열 요소의 순서입니다. Reduce() 메서드의 구문과 사용법은 ReduceRight() 메서드와 거의 동일합니다. 유일한 차이점은 왼쪽에서 오른쪽으로 배열의 모든 요소에 대해 지정된 콜백 함수를 호출한다는 것입니다. 🎜rrreee🎜구현 아이디어: 🎜🎜🎜🎜먼저 reverse()를 사용하여 배열 요소를 역전시켜 새 배열 arr2를 얻습니다. 🎜🎜🎜🎜그런 다음 축소() 메서드를 구현하여 함수를 호출하고 배열 요소를 연결합니다🎜🎜🎜 🎜 구현 코드를 살펴보겠습니다. 🎜rrreee🎜출력 결과는 다음과 같습니다.🎜🎜🎜🎜🎜좋아요. 필요하다면 다음을 읽어보세요.🎜javascript 고급 튜토리얼🎜🎜

위 내용은 JS 배열 학습은 모든 요소를 ​​역으로 연결하여 문자열을 출력합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!