JavaScript에서 substr()과 substring()의 차이점

Javascripteseo Substr Gwa Substring Ui Chaijeom



JavaScript에서 대량 데이터를 처리하는 동안 특정 속성을 기반으로 데이터를 추출해야 할 수 있습니다. 예를 들어 실제/성을 기준으로 데이터를 정렬하거나 데이터의 일부를 추출합니다. 이러한 상황에서 substr() 및 substring() 메서드는 인덱싱을 통해 필요한 데이터에 편리하게 액세스하는 데 도움이 됩니다.

이 글은 ' substr() ' 그리고 ' 하위 문자열() ” JavaScript의 메소드.







JavaScript에서 substr() 메서드는 무엇입니까?

substr() ” 메서드는 주어진 문자열의 특정 인덱스에서 지정된 수의 문자를 반환합니다. 이 메서드는 설정된 첫 번째 매개변수에서 두 번째 매개변수로 지정된 길이로 추출을 수행합니다.



통사론



끈. substr ( 시작, 길이 )

위 구문에서:





  • 시작 ”는 추출을 시작할 위치를 나타냅니다.
  • 길이 ”는 추출해야 하는 문자 수에 해당합니다.

JavaScript에서 substring() 메서드는 무엇입니까?

하위 문자열() ” 메서드는 지정된 두 인덱스 사이의 문자열 문자를 가져오고 새 문자열을 반환합니다. 이 특정 메서드는 인덱스를 참조하는 시작 및 끝(제외) 설정 매개 변수 사이의 문자를 추출합니다.

통사론



끈. 하위 문자열 ( 시작, 끝 )

이 구문에서:

  • 시작 ”는 추출을 시작할 위치를 나타냅니다.
  • ”는 추출을 종료해야 하는 위치를 제외하고 표시합니다.

JavaScript에서 substr()과 substring()의 핵심 차이점

다음은 JavaScript에서 substr()과 substring() 간의 핵심 차이점을 구성하는 표입니다.

substr() 하위 문자열()
문자열의 일부를 추출하는 데 사용됩니다. 문자열 내에서 지정된 하위 문자열을 추출하는 데 사용됩니다.
해당 매개변수는 각각 시작 인덱스와 문자를 추출해야 하는 길이를 나타냅니다. 해당 매개 변수는 끝 인덱스를 제외하고 추출해야 하는 하위 문자열의 시작 및 끝 위치를 가리킵니다.
음수 인덱스를 처리합니다. 음수 인덱스는 처리할 수 없습니다.

예제를 통해 두 방법의 차이점을 분석해 보겠습니다.

예제 1: 포지티브 인덱스에서 substr() 및 substring() 확인

이 예에서는 지정된 양수 인덱스를 매개변수로 기반으로 두 방법 간의 차이를 분석합니다.

< 스크립트 유형 = '텍스트/자바스크립트' >

하자 = '자바스크립트' ;

콘솔. 통나무 ( 'substr 값은 다음과 같습니다.' , 가져 오기. substr ( 1 , 2 ) ) ;

콘솔. 통나무 ( '하위 문자열 값은 다음과 같습니다.' , 가져 오기. 하위 문자열 ( 1 , 2 ) ) ;

스크립트 >

위의 코드 조각에서:

  • 명시된 대로 문자열 값을 초기화합니다.
  • 그런 다음 ' substr() ” 메소드는 명시된 매개변수를 갖는 이전 단계에서 선언된 값을 사용합니다.
  • 추가된 매개변수는 인덱스 ' 1 ” 이후에는 두 개의 값이 추출됩니다.
  • 마찬가지로 ' 하위 문자열() ” 메서드를 동일한 매개변수를 갖는 초기화된 문자열 값으로 사용합니다.
  • 이 특정 방법은 명시된 매개변수 사이의 문자열 문자를 추출합니다.
  • 인덱스 '의 값이 1 '를 가져오므로 지정된 마지막 색인 '을 무시합니다. 2 '.

산출

위의 출력에서 ​​설명에 따라 두 방법의 출력 차이를 관찰할 수 있습니다.

예제 2: 음수 인덱스에서 substr() 및 substring() 확인

이 특정 예에서 두 방법의 차이는 음수 인덱스에서 관찰됩니다.

< 스크립트 유형 = '텍스트/자바스크립트' >

하자 = '자바스크립트' ;

콘솔. 통나무 ( 'substr 값은 다음과 같습니다.' ,가져 오기. substr ( - , ) ) ;

콘솔. 통나무 ( '하위 문자열 값은 다음과 같습니다.' ,가져 오기. 하위 문자열 ( - , ) ) ;

콘솔. 통나무 ( '하위 문자열 값은 다음과 같습니다.' ,가져 오기. 하위 문자열 ( 0 , ) ) ;

스크립트 >

위의 코드 행에 지정된 대로 다음 단계를 적용합니다.

  • 마찬가지로 명시된 문자열 값을 초기화합니다.
  • 다음 단계에서도 마찬가지로 ' substr() ”의 음수 인덱스를 갖는 메서드 -삼 '를 첫 번째 매개변수로, ' ”를 두 번째 매개변수로 사용합니다.
  • 첫 번째 매개변수 ' -삼 ”, 마지막에서 세 번째 인덱스에 있는 문자열 문자를 가리킵니다. '.
  • 두 번째 매개변수는 '에서 세 문자를 추출합니다. ” 앞으로.
  • 이제 유사하게 ' 하위 문자열() ” 메서드를 선언된 문자열 값과 함께 사용합니다.
  • 이 특정 방법은 음수 인덱스 ' -삼 '를 첫 번째 색인으로 사용합니다. '를 참조하는 마지막 두 줄의 코드 -삼 ' 그리고 ' 0 ” 각각 시작 인덱스로 동일한 결과를 제공합니다.

산출

마지막 두 결과는 ' 하위 문자열() ” 방법은 음수 지수를 용이하게 하지 않으므로 두 방법의 차이는 분명합니다.

결론

substr() ” 메서드는 설정된 인덱스에서 지정된 길이까지 문자열 문자를 추출하고 “ 하위 문자열() ” 메서드는 설정된 인덱스 사이의 문자를 가져옵니다. 전자의 방법은 끝에서부터 문자까지 처리하므로 후자의 방법보다 우위에 있습니다. 이 문서에서는 JavaScript의 예제를 통해 substr() 및 substring() 메서드 간의 차이점을 설명했습니다.