JavaScriptの基礎におけるオブジェクトと配列の使い方入門(3)_基礎知識

JavaScript: オブジェクト
オブジェクトは、複数のデータ値を 1 つの単位に集中させるものであり、順序付けされていない属性です。 。
1. オブジェクトを作成するいくつかの方法

コードをコピーします コードは次のとおりです:

var empty = {} //プロパティを持たないオブジェクトを作成します。
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.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
/ /中国人 :中国国
//中国人 :22 歳
//アメリカ人 :名前 リサ
//アメリカ人 :アメリカ国
//アメリカ人 :20 歳


3. 属性

を削除するには、削除演算子

コードをコピーします コードは次のとおりです。 :

delete person. american;//オブジェクトの属性は自分で削除できます

delete ではオブジェクトを削除できません。


4. hasOwnProperty() メソッドと isPrototypeOf() メソッド

実際、これら 2 つのメソッドは、私がここで学んだことと同じで、理解できないかもしれませんが、関係ないので飛ばしても大丈夫です
継承について学ぶとき、振り返ってみるとわかります。
4.1: オブジェクトが別の文字列パラメータで指定された名前を持つ非継承プロパティをローカルに定義している場合、hasOwnProperty() メソッドは true を返します。それ以外の場合は false を返します。

コードをコピーします コードは次のとおりです:

function House(price,area,developers)

{
this.price = 価格;
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");//HouseSon のプロパティを取得します
delete HouseSon.prototype.price;//Delete
delete HouseSon。プロトタイプ.エリア;
削除 HouseSon.prototype.developers;
HouseSon.prototype.container = function(){return "container" this.price * this.area;}
for(HouseSon の var i.プロトタイプ)
{
document.write(i "
");
}
var house = new HouseSon(20000,180,"vanke","shenzhen");
document .write(house.container() "
");
document.write(house.housevalue() "
"); (house.hasOwnProperty ("housevalue") "
");//これはプロトタイプです
document.write(house.hasOwnProperty("price") "
"); //Local



JavaScript: Array

配列は、配列内の数値位置を持ち、JavaScript を使用してアクセスできます。 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) //関数印刷タスクを実行します
{
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 は 100 Num は 5 Num は 4 Num は 3
array.splice(1,2,300,600); // 2 番目の配列から最初の配列 (2 番目を含む) の削除を開始し、次に 3 番目の配列に進み、その後に 300 と 600 が新しく挿入された値になります。
diaplayarray(array);//出力 Num は 100 Num は 300 Num は 600 Num は 32


概要: 同志の皆さん、お疲れ様です...

オブジェクトと配列については以上です。間もなく JavaScript クライアントに送信されます。