[Array] JS - Array.prototype 속성(배열) - 사용자정의 속성/메서드 추가 (= Array.prototype속성 = 어레이프로토타입속성) ※ 배열값대문자변환

1. Array.prototype 예제 - 배열에 새 (속성/메서드) 추가
2. Array.prototype 정의
3. Array.prototype 구문

Array.prototype 예제 - 배열에 새 (속성/메서드) 추가 

(예) 배열값을 대문자로 변환하는 메서드 추가

 

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

Array.prototype.hzUcase = function() {

  var i;

  for (i = 0; i < this.length; i++) {

    this[i] = this[i].toUpperCase();

  }

};

function homzzang() {

  var code = ["html", "css", "js", "homzzang.com"];

  code.hzUcase();

  document.getElementById("demo").innerHTML = code;

}

</script>

 

결과값: HTML,CSS,JS,HOMZZANG.COM

Array.prototype 정의

 

배열에 새로운 (속성/메서드) 추가 허용.

 

---

 

1.

• prototype 속성은 모든 JS 객체에서 사용 가능한 속성임.
• 브라우저 호환 위해 사용자정의 (속성/메서드) 생성 시 유용.
• 배열 전용 메서드 역시 이런 방식으로 정의되었음.
• 자신이 제어하지 않는 객체의 prototype은 변경하지 말 것. 
• JS 기본 내장 데이터타입의 prototype은 변경 금지. (예) Numbers, Strings, Arrays, Dates, Booleans, Function, Objects

 

2.

모든 브라우저 지원.

Array.prototype 구문

 

Array.prototype.name = value

 

---

[의미]

 

name

배열에 추가할 (속성/메서드)의 이름

 

value

배열에 추가할 (속성/메서드)의 값