모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열-JS 튜토리얼-php.cn

이전 글 "JS 배열 학습: 배열 첨자를 기준으로 요소를 삭제하는 방법"에서는 삭제 연산자나 splice() 메서드를 사용하여 배열 첨자를 기준으로 배열 요소를 삭제하는 방법을 소개했습니다. 이번에는 JavaScript 배열을 계속 배우고 연습하며 배열을 문자열로 변환하는 방법에 대해 알아봅니다. 관심 있는 친구들은 그것에 대해 배울 수 있습니다~

이 기사의 주제는 배열의 모든 요소를 문자열로 연결하는 것입니다. 즉, 배열을 문자열로 변환합니다. 예를 들어 다음 배열은 다음과 같습니다.

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

로그인 후 복사

그 안에 있는 모든 요소를 연결하고 "1234567890" 또는 "1,2,3,4,5,6과 같은 문자열을 반환하려고 합니다. , 7,8,9,0", 어떻게 해야 하나요? 아래에서는 여러 가지 방법을 소개합니다.1234567890”或者“1,2,3,4,5,6,7,8,9,0”，这要怎么操作？下面我们介绍几种方法。

方法一：使用for循环遍历数组，拼接每个数组元素

遍历数组我们使用for循环；拼接可以利用字符串连接运算符“+”、也可使用concat()方法（具体可以阅读文章《JS字符串学习之巧用函数来连接多个字符串》）

我们看看实现代码：

var arr = [1,2,3,4,5,6,7,8,9,0]; var i,str=""; for(i=0;i
        
         로그인 후 복사

输出结果：

모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

说明：这种方法适用于一维数组转字符串。

方法二：使用toString()方法

toString()可以把每个元素转换为字符串，然后以逗号连接输出显示。（注：toString()方法不支持自定义分隔符！）

var arr = [1,2,3,4,5,6,7,8,9,0]; var str; str=arr.toString(); console.log(str);

로그인 후 복사

모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

toString()方法可以处理多维数组，会以迭代的方式把所有数组都转换为字符串。

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]]; var str; str=arr.toString(); console.log(str);

로그인 후 복사

모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

方法三：使用join()方法

array.join(separator)方法用于把数组 array 中的所有元素放入一个字符串，每个元素可以使用separator参数设置的分隔符进行分隔；如果省略该参数，则默认使用逗号“,”分隔（这就和toString()方法的输出一样了）。

var arr = [1,2,3,4,5,6,7,8,9,0]; var str1,str2,str3; str1=arr.join(); str2=arr.join('-'); str3=arr.join('=='); console.log(str1); console.log(str2); console.log(str3);

로그인 후 복사

모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

如果不想有分隔符，那么可以设置separator参数为空字符串（''）;

var arr = [1,2,3,4,5,6,7,8,9,0]; var str; str=arr.join(''); console.log(str);

로그인 후 복사

모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

join()方法也可以处理多维数组，不过需要省略参数，输出和toString()一样：

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]]; var str; str=arr.join(); console.log(str);

로그인 후 복사

모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

说明：

如果数组中包括了对象（非简单类型），那么调用join()和toString()方法所出来的结果，无论该元素的内容是什么，都是显示[object Object]

방법 1: for 루프를 사용하여 배열을 순회하고 각 배열 요소를 연결합니다.

모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열 for 루프를 사용하여 배열을 순회합니다. 연결은 문자열 연결 연산자 "+" 또는 concat( ) 방법(자세한 내용은 "JS 문자열 학습 팁: 함수를 사용하여 연결 문서를 참조하세요. 다중 문자열

》)

구현 코드를 살펴보겠습니다:

var arr = [{姓名: '李华'}, '张三', '李四']; console.log(arr.toString()); // "[object Object],张三,李四" console.log(arr.join()); // "[object Object],张三,李四"

로그인 후 복사

출력 결과:

참고: 이 방법은 1차원 배열을 문자열로 변환하는 데 적합합니다. 방법 2: toString() 메서드 사용toString()은 각 요소를 문자열로 변환한 다음 출력을 쉼표로 연결하여 표시할 수 있습니다. (참고: toString() 메소드는 사용자 정의 구분 기호를 지원하지 않습니다!) rrreee 모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

toString() 메서드는 다차원 배열을 처리하고 모든 배열을 반복 방식으로 문자열로 변환할 수 있습니다. rrreee 모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

방법 3: Join() 메서드 사용 array.join(separator)이 메서드는 배열의 모든 요소를 문자열에 넣는 데 사용됩니다. separator매개변수로 설정된 구분 기호를 사용하여 구분합니다. 이 매개변수를 생략하면 기본값은 쉼표 " ,"를 사용하여 구분하는 것입니다. 이는 출력과 동일합니다. toString() 메서드) . rrreee 모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

구분 기호를 원하지 않는 경우 구분 기호 매개 변수를 빈 문자열( '')로 설정할 수 있습니다.rrreee 모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

join() 메소드는 다차원 배열도 처리할 수 있지만 매개변수는 생략하면 출력은 toString()과 동일합니다. rrreee 모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열

참고:배열에 객체(비단순 유형)가 포함된 경우 Join() 및 toString() 호출 결과 메서드는 요소의 내용에 관계없이 [object Object]문자열로 표시됩니다. rrreee일반적으로 실제 시나리오에서는 Join() 메서드가 더 자주 사용됩니다. 그렇습니다. 필요한 경우 다음 내용을 읽어보세요. javascript 고급 튜토리얼

위 내용은 모든 요소를 연결하고 문자열을 반환하는 방법을 학습하는 JS 배열의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!