티스토리 뷰

JavaScript

Javascript Immutable, Mutable

블로그 강승 2021. 3. 25. 21:49

Javascript Immutable, Mutable

var a = [1,2,3,4,5];
var a2=a.concat(6);

a
[1,2,3,4,5]

a2
[1,2,3,4,5,6]

var a3 = a.concat([6,7,8]);

a3
[1,2,3,4,5,6,7,8]

a
[1,2,3,4,5]

var s = "hello";
var s1 = s.concat(" world");

s1 "hello world"

s
"hello" /*Immutatble 이라 원본이 안바뀌는 메서드는 문자열에도 사용가능함. */

 

Javascript join()

var a = [1,2,3,4,5];

a.join();
"1,2,3,4,5"

a.join("");
"12345"

a.join("---");
"1---2---3---4---5"

 

Javascript indexof()

var a =[1,2,3,100];

a.indexof(100); /*100이 어느 원소에 있는지 알려줌 */
3
var a = [1,2,3,4,5];

a.push(2);
[1,2,3,4,5,2]

a.push(3);
[1,2,3,4,5,2,3]

a
[1,2,3,4,5,2,3]

a.indexof(2); /* 2중에서 맨 앞에 2를 찾아줌 */
1

a.lastindexof(2); /* 2중에서 맨 뒤에 2를 찾아줌 */
5

 

Javascript slice()

var a = [1,2,3,4,5,2,3];

a.slice(0,3); /* 0원소에서 2원소까지 */
[1,2,3]

a
[1,2,3,4,5,2,3]; /*원본은 안변함*/

var a2=a.slice(2,5); /*2원소에서 4원소까지*/

a2
[3,4,5]

var s = "hello";
var s2= s.slice(2,4); /* Immutatble 메서드라 문자열에도 사용가능 */

s2
"ll"

 

Javascript split()

var s ="hello, world, a-b-c";

s.split(); /*원본 안바뀜*/
["hello, world, a-b-c"]

var s1 = s.split("");

s1
["h","e","l","l","o",",","","w","o","r","l","d",",","","a","-","b","-","c"]

s1.length;
19

s1.join("");
"hello, world, a-b-c-"

s.split(",");
["hello"," world"," a-b-c"]

s.split(" ");
["hello,","world,""a-b-c"]

s.split("-");
["hello, world, a","b","c"] /* " " 사이에 들어간 문자는 사라짐*/

s.split("ll");
["he","o, world, a-b-c"]

'JavaScript' 카테고리의 다른 글

Javascript querySelector,setAttribute,createElement 등  (0) 2021.03.26
댓글