> 웹 프론트엔드 > JS 튜토리얼 > 문자열 - 불변성을 조작합니다.

문자열 - 불변성을 조작합니다.

Mary-Kate Olsen
풀어 주다: 2024-11-28 00:54:11
원래의
1043명이 탐색했습니다.

Strings -- Manipulating the Immutable.

끈이론

처음에는 데이터 유형에 대해 알아봅니다. 단순하고 복잡합니다. 원시적이고 추상적인.

프리미티브는 본질적으로 단순합니다. 두 가지 범주는 우리가 어릴 때 접하게 되는 영숫자 문자를 위해 예약되어 있으며, 세 번째 범주는 초등학교 워크시트에 적합합니다.

이 영속성은 원시 데이터와 복합 데이터의 정의적인 차이입니다. 불변성은 단순 데이터의 명시적 특성입니다.

그럼 불변성을 어떻게 조작하나요?

방법: 파괴와 창조

JavaScript 메소드는 특정 데이터 유형과 관련된 '내장' 기능입니다. 처음 기본 방법을 배울 때 구문에 할당 연산자가 필요한지(또는 언제) 확신할 수 없었습니다.

메서드의 데이터 조작 방식에 따라 할당의 존재 여부가 결정됩니다. 파괴적인 방법(? =)은 데이터를 제자리에서 조작하는 반면, 비파괴적인 방법(✅ =)은 새로운 값을 생성합니다.

간단히 말하면 모든 문자열 메서드는 새로운 변수나 데이터 값을 반환합니다. 원래 문자열은 변경할 수 없습니다. 그들은 모두 할당 연산자와 반환 값을 갖습니다.

기본 문자열 메서드

.length
문자열의 길이를 반환합니다

var str = ‘simple’;
var len = str.length;
console.log(len); // logs 6 to the console
console.log(str); // logs 'simple'
로그인 후 복사

.concat()
두 개 이상의 문자열을 결합

var str1 = 'simple simon';
var str2 = 'pie man';

// string to be concatenated takes joiners
var combo = str1.concat(' met a ', str2); 

console.log(combo) // 'simple simon met a pie man'
로그인 후 복사

.분할
배열을 반환합니다

var str = 'A,B,C'

// takes in optional separator
var arr = str.split(',')
console.log(arr)// ["A","B","C"]

// empty quotes returns each value as an index
var arr = str.split('')
// returns["A",",","B",",","C"]

// no separator returns whole string at [0]
var arr = str.split()
// ["A,B,C"]
로그인 후 복사

추출방법
문자열의 지정된 부분을 반환

.슬라이스

var str = 'simple simon'
// takes a start and end parameter (non-inclusive)
var portion = str.slice(0, 6) // start at 0 index, stop before 6
console.log(portion) // logs 'simple' to the console

// returns empty if start > end
var portion = str.slice(3, 2) // start at 3 index, end before 2
console.log(portion) // logs '' to the console


// negative numbers start count at the end of the string
// lack of stop value indicates portion extends to end of string
var portion = str.slice(-5) // start at 5th index from end
console.log(portion) // logs 'simon' to the console
로그인 후 복사

.substring

var str = 'simple simon'

// like slice (start, end) but <0 is treated as 0
var portion = str.substring(-5)
console.log(portion) // logs 'simple simon' to the console
로그인 후 복사

.substr

var str = 'simple simon'

// takes (start, length) 
// use in place of .slice when end < start 
var portion = str.substr(3, 2) // start at 3 index, take 2 characters
console.log(portion) // logs 'pl' to the console

// negative numbers start parameter like slice
// negative length treated as 0 characters
var portion = str.substr(-1, 1) // start at -1, return 1 character
console.log(portion) // logs 'n' to the console

var portion = str.substr(2, -5) // 
console.log(portion) // logs '' to the console
로그인 후 복사

단순한 변형

JavaScript에서 조작은 일반적인 의사소통에서 사용하는 방식과 정확히 동의어가 아닙니다. 새 값이 생성되기 때문에 변경이 발생하지만 원래 데이터는 유지됩니다.

처음에는 간단해 보이지만 이러한 방법은 나중에는 매우 중요해집니다. 예를 들어 문자열 배열을 반복할 때 각 반복에 사용되는 메서드는 배열이 아닌 문자열의 메서드입니다. 구성 요소와 마찬가지로 문자열 조작은 간단하고 가치가 있습니다.

이미지 출처
Eloquent JavaScript

위 내용은 문자열 - 불변성을 조작합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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