찾다
웹 프론트엔드JS 튜토리얼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--){  //逆向循环遍历数组
}

我们看看实现代码:

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);

输出结果为:

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

方法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);

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

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

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

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

함수 callbackfn(previousValue,currentVaule,currentIndex,array): 필수 매개변수, 최대 4개의 매개변수를 받을 수 있는 콜백 함수 지정: JS 배열 학습은 모든 요소를 ​​역으로 연결하여 문자열을 출력합니다.

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

JS 배열 학습은 모든 요소를 ​​역으로 연결하여 문자열을 출력합니다.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
출력 결과는 다음과 같습니다.

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

방법 3: reverse()+reduce()

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

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

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전