>  기사  >  웹 프론트엔드  >  js 배열 조작 튜토리얼에 대한 자세한 설명

js 배열 조작 튜토리얼에 대한 자세한 설명

巴扎黑
巴扎黑원래의
2017-07-18 15:42:201535검색

One: 배열 요소 추가하기

1: push

var f1=[1,2,3]
f1.push(4,5)
console.log(f1) //[1,2,3, 4 ,5]

2: unshift() 메서드는 배열의 시작 부분에 하나 이상의 요소를 추가하고 새 길이를 반환합니다.

var f1=[1,2,3]f1.unshift(4,5)
console.log(f1) //[4,5,1,2,3]

3: splice() 메서드는 배열에 항목을 추가/제거하고 삭제된 항목을 반환합니다

(1) Delete

var f1=[1,2,3,4,5,6,7]f1.splice(4,2)
console.log(f1) //[1, 2, 3, 4, 7]

(2) 삭제 및 추가

var f1=[1,2,3,4,5,6]
f1.splice(1,2,'h')
console.log(f1) //[1, "h", 4, 5, 6]

two: 배열 요소 삭제

1: pop(); //마지막 요소를 제거하고 요소 값을 반환

 f1=[1,2,3,4,5,6

2:shift() //첫 번째 요소를 제거하고 요소 값을 반환, 배열 중간 요소 자동으로 앞으로 이동합니다

var f1=[1,2,3,4,5,6]
console.log(f1.shift()) //1
console.log(f1) //[2, 3 , 4, 5, 6]

3:splice(deletePos,deleteCount); //지정된 위치 deletePos부터 지정된 개수의 deleteCount 요소를 삭제하고, 제거된 요소를 배열 형식으로 반환합니다.

이전 배열 요소 보기 추가 3

세 번째: 요소 차단 및 병합

1:slice(start, end); //배열의 일부를 배열 형태로 반환합니다. end에 해당하는 요소는 포함되지 않습니다. 생략하면 시작 이후의 요소가 모두 복사됩니다.

var f1=[1,2,3,4,5,6]
console.log(f1.slice(3)) //[4, 5, 6]console.log(f1)  //[1,2, 3, 4, 5, 6] 不会改变数组   splice 会该变原数组

2: concat() 메서드는 두 개 이상의 배열을 연결하는 데 사용됩니다.

var f1=[1,2];var f2=[3,4]
console.log(f1.concat(f2)) //[1, 2, 3, 4]

Four: 배열의 복사본

1, Slice(0); //배열의 복사본 배열을 반환합니다. 이는
2를 가리키는 것이 아니라 새 배열이라는 점에 유의하세요. //Return 배열의 복사본 배열, 이는

5: 배열 요소의 문자열화

join(separator); //문자열을 반환합니다. 이 문자열은 배열의 각 요소 값을 함께 연결합니다. 중간에 구분 기호가 있어 분리됩니다.

var f1=['apple','banner','orange']
console.log(f1.join()) //apple,banner,orange

위 내용은 js 배열 조작 튜토리얼에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.