자바스크립트의 기초 중 객체와 배열의 사용법 소개(3)_기초지식

Javascript: 객체
객체에 대해 간략하게 소개한 적이 있습니다. 여러 데이터 값을 하나의 단위로 모아서 이름으로 접근하는 것입니다. .
1. 객체를 생성하는 여러 가지 방법

코드 복사 코드는 다음과 같습니다.

varempty = {} //속성이 없는 객체를 생성합니다.
var person = {name:"ben",age:22,sex:'male'}//직접 수량을 사용하여 개체 만들기
var people = {{name:'Frank',age:21}, { name:'Mary',age:21},sex:'MAN'}// 객체의 요소는 객체일 수 있습니다

2. 객체 속성

코드 복사 코드는 다음과 같습니다.

var person = {}; //객체 생성
person.name = "Frank"; // 속성 추가
person.country = "china";
person.age = 22>person.american = new Object(); //이 속성은 객체입니다. person.american.name = " Lisa";
person.american.country = "American";
person.american.age = 20;
function displayperson(personmore) //위 개체 인쇄
{
for( var p in personmore) //열거 루프
{
if(typeof(personmore[p]) == "object")//유형 판단
{
for(var o in personmore[ p])
{
document.write("미국인:" o "t" personmore[p][o] "
"); }
document.write ("
");
continue;//이 주기를 종료하고 다음 주기로 진행합니다.
document.write("china people :" p "t " personmore[p] "< ;br />");
}
}
displayperson(person);//함수 호출
//중국 사람 출력 :name Frank
/ /china people :country china
//china people :age 22
//American people :name Lisa
//American people :country American
//American people :age 20


3. 속성을 삭제하려면
삭제 연산자를 사용하세요.

코드를 복사하세요. 코드는 다음과 같습니다. : delete person. american;//개체의 속성을 직접 삭제할 수 있습니다.

delete는 개체를 삭제할 수 없습니다.

4. hasOwnProperty() 메서드와 isPrototypeOf() 메서드
사실 이 두 메서드는 제가 여기서 배운 것과 같을 수도 있지만 이해하지 못할 수도 있습니다. 상관없으니 건너뛰어도 됩니다. 상속에 대해 배우면 나중에 되돌아보면 이해하게 될 것입니다

.
4.1: 객체가 별도의 문자열 매개변수로 지정된 이름을 사용하여 상속되지 않은 속성을 로컬로 정의하는 경우 hasOwnProperty() 메서드는 true를 반환합니다. 그렇지 않으면 false를 반환합니다.

코드 복사 코드는 다음과 같습니다. function House(price,area,developers)

{

this.price = 가격;
this.area = 지역;
this.developers = 개발자;
}
House.prototype.housevalue = function(){return this .price* this.area;}
function HouseSon(price,area,developers,city)
{
House.call(this,price,area,developers)
this.city = city ;
}
HouseSon.prototype = new House(10000,80,"vanke");//House 속성 가져오기
delete HouseSon.prototype.price;//Delete
HouseSon을 삭제합니다. 프로토타입.area;
delete HouseSon.prototype.developers;
HouseSon.prototype.container = function(){return "container" this.price * this.area;}
for(HouseSon. 프로토타입)
{
document.write(i "
")
}
var house = new HouseSon(20000,180,"vanke","shenzhen");
document .write(house.container() "
")
document.write(house.housevalue() "
")
document.write (house.hasOwnProperty ("housevalue") "
");//이것이 프로토타입입니다
document.write(house.hasOwnProperty("price") "
"); //Local


Javascript: Array

배열은 순서가 지정된 컬렉션입니다. 각 요소는 배열에서 숫자 위치를 가지며 아래 첨자를 사용하여 액세스할 수 있습니다. a 비데이터 유형 언어이므로 다양한 유형을 포함할 수 있습니다.
1. 배열 생성


코드 복사

코드는 다음과 같습니다.

var array = [] //요소가 없는 배열
var person = ["Frank",22,'male'];//다른 요소가 있는 배열
var value = 100; 🎜>var num = [value 12, value-23, value*2];//표현식 지원
//물론 Array를 사용하여 생성할 수도 있습니다. 배열은 다양한 유형의 매개변수를 가질 수 있으며 객체일 수도 있습니다. . 배열 등

2. 배열을 추가, 삭제, 순회합니다.
덧셈과 순회는 상대적으로 간단하기 때문에 예를 들진 않겠지만, 삭제에 대해 이야기해보겠습니다!

코드 복사 코드는 다음과 같습니다.

function diaplayarray(arr) //Function to 인쇄 작업 수행
{
if(!arr)return
for(var num =0;num{
document.write("Num is " arr[num ] "t");
}
document.write(" " "
")
}
var array = [2,32,14,57 ,6]
document.write(array.shift() "
"); //배열의 첫 번째 항목을 삭제하고 삭제된 값을 반환합니다. 2
document.write(array. pop() "
"); //배열의 마지막 항목을 삭제하고 삭제된 값을 반환합니다. 6
document.write(array.join("*") "
");/ /배열 요소를 *로 연결하여 문자열 32*14*57을 반환합니다.
document.write(array.push(100) "
");//배열 요소 추가
array.reverse ();//배열 요소의 순서를 반대로 바꿉니다
diaplayarray(array);//출력 Num is 100 Num is 5 Num is 4 Num is 3
array.splice(1,2,300,600); //두 번째 배열부터 첫 번째 배열(두 번째 배열 포함) 삭제를 시작하고, 세 번째 배열로 이동한 후 새로 삽입된 값인 300, 600이 이어집니다. ​​
diaplayarray(array);// 출력 Num은 100 Num은 300 Num은 600 Num은 32

요약: 동지 여러분, 수고하셨습니다...
여기까지가 객체와 배열입니다. 곧 자바스크립트 클라이언트로