> 웹 프론트엔드 > JS 튜토리얼 > JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.

JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.

青灯夜游
풀어 주다: 2021-08-25 16:00:06
원래의
4699명이 탐색했습니다.

이전 글 "JS 문자열 학습: 모든 문자의 대소문자를 통일하는 방법"에서 문자열의 대소문자를 통일하는 두 가지 방법을 소개해드렸는데요. 이 기사의 주요 내용은 "문자열을 여러 개의 작은 하위 문자열로 분할하고 이러한 하위 문자열을 배열 요소로 배열에 전달하는 것"입니다. 즉, "문자열을 배열로 변환합니다"입니다.

그럼 어떻게 이렇게 운영하나요? JavaScript의 내장 함수인 split()을 사용할 수 있습니다.

string.split(separator,limit)는 문자열을 문자열 배열로 분할하는 데 사용됩니다. 두 개의 생략 가능한 매개변수 separator(구분 기호 또는 정규식 수식, 분할 지정)를 허용합니다. 위치) 및 limit(반환된 배열의 최대 길이 지정) split()

string.split(separator,limit)用于把一个字符串分割成字符串数组;接受两个可省略的参数separator(分割符或正则表达式,指定分割位置)和limit(指定返回的数组的最大长度)

可省略的参数separator有多种取值情况,不同的情况返回的数组也不一样:

1、split()方法不接受参数:

var str="How are you doing today?";
var arr=str.split();
console.log(arr);
로그인 후 복사

当参数为空时,则该方法会把整个字符串作为一个元素的数组返回(此时数组长度为1)。因此输出结果为:

JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.

2、split()方法的separator参数为空字符串

var str="How are you doing today?";
var arr=str.split('');
console.log(arr);
로그인 후 복사

当separator参数为空字符串时,那么该方法会按照单个字符进行分割,每个字符之间都会被分割,则会返回一个包含所有单个字符的字符数组(此时数组长度为字符串的长度)。因此输出结果为:

JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.

3、split()方法的separator参数为空格' '

var str="How are you doing today?";
var arr=str.split(' ');
console.log(arr);
로그인 후 복사

当separator参数为空格时,那么该方法会按照空格来进行分割,将字符串中的每个单词都分割出来作为数组元素。因此输出结果为:

JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.

4、split()方法的separator参数为正则表达式

var str= "a2b3c4d5e678f12g";
var arr=str.split(/\d+/);  //把以匹配的数字为分隔符来切分字符串
console.log(arr);
로그인 후 복사

当separator参数为正则表达式,则该方法能够以匹配文本作为分隔符进行切分。例如上例中就是匹配0~9的数字,将数字作为分割符,因此输出结果为:

JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.

  • 如果正则表达式匹配的文本位于字符串的边沿,则 split() 方法也执行切分操作,且为数组添加一个空数组。

var str= "122a2b3c4d5e678f12g456";
var arr=str.split(/\d+/);  //把以匹配的数字为分隔符来切分字符串
console.log(arr);
로그인 후 복사

JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.

  • 如果在字符串中指定的分隔符没有找到,则返回一个包含整个字符串的数组。

var str= "abcdefg";
var arr=str.split(/\d+/);  //把以匹配的数字为分隔符来切分字符串
console.log(arr);
로그인 후 복사

JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.

指定包含的子串数目

如果分割的子串太多,只是想要获取前几个子串,那么可以第二个参数limit

第二个参数limit

생략 가능한 매개변수 separator에는 여러 값 상황이 있으며, 상황에 따라 반환되는 배열도 다릅니다.

JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다. 1. Split() 메소드는 매개변수를 허용하지 않습니다:

var str="How are you doing today?";
var arr=str.split(' ',3);
console.log(arr);
로그인 후 복사

매개변수가 비어 있으면 메소드는 전체 문자열을 요소 배열로 반환합니다(이때 배열 길이는 1입니다). 따라서 출력 결과는 다음과 같습니다.

JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다. JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.

2. Split() 메서드의 구분 기호 매개 변수는 빈 문자열입니다.

var str="How are you doing today?";
var arr=str.split(' ',-3);
console.log(arr);
로그인 후 복사
구분 기호 매개 변수가 빈 문자열이면 메서드는 단일 문자에 따라 분할됩니다. 각 문자가 분할되면 모든 단일 문자를 포함하는 문자 배열이 반환됩니다(배열의 길이는 문자열의 길이입니다). 따라서 출력 결과는 다음과 같습니다. JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다. 🎜🎜3. Split() 메서드의 구분 기호 매개 변수가 공백인 경우 ' '
🎜rrreee🎜 구분 기호 매개 변수가 공백인 경우 그런 다음 메서드는 공백을 사용하여 문자열의 각 단어를 배열 요소로 구분합니다. 따라서 출력 결과는 다음과 같습니다. 🎜🎜JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다. 🎜🎜4. Split() 메서드의 구분 기호 매개 변수는 정규 표현식입니다.🎜rrreee🎜 구분 기호 매개 변수가 정규 표현식인 경우 해당 메서드는 일치하는 텍스트를 구분 기호로 분할할 수 있습니다. 예를 들어 위의 예에서는 0부터 9까지의 숫자가 일치하고 숫자가 구분 기호로 사용되므로 출력 결과는 다음과 같습니다. 🎜🎜JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.🎜
  • 🎜텍스트가 일치하는 경우 정규 표현식이 문자열 가장자리에 있으므로 Split() 메서드도 분할 작업을 수행하고 빈 배열을 배열에 추가합니다. 🎜
rrreee🎜 JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.🎜
  • 🎜문자열에 지정된 구분 기호를 찾을 수 없으면 전체 문자열을 포함하는 배열이 반환됩니다. 🎜
rrreee🎜 JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.🎜🎜포함된 하위 문자열 수 지정🎜🎜분할된 하위 문자열이 너무 많고 처음 몇 개의 하위 문자열만 가져오려는 경우 두 번째 매개변수 한도. 🎜🎜두 번째 매개변수 limit는 반환된 배열의 최대 길이를 지정하여 포함된 하위 문자열 수를 설정할 수 있습니다. 이 매개변수가 설정된 경우 반환되는 배열의 길이는 이 매개변수로 지정된 값보다 크지 않습니다. 🎜rrreee🎜🎜🎜🎜매개변수 제한은 음수 값을 허용하지 않습니다. 생략. 🎜rrreee🎜🎜🎜🎜그렇습니다. 필요하다면 다음을 시청하세요. 🎜javascript 비디오 튜토리얼🎜🎜

위 내용은 JS 문자열 학습: 문자열을 하위 문자열로 분할하여 배열에 전달합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿