ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 配列の解析と JSON 要素の追加と削除_JavaScript スキル

JavaScript 配列の解析と JSON 要素の追加と削除_JavaScript スキル

WBOY
リリース: 2016-05-16 17:31:11
オリジナル
953 人が閲覧しました

JavaScript で配列を削除する 3 つの方法
1、shift() メソッドを使用します
shift: 元の配列の最初の項目を削除し、値を返します削除された要素の; 配列が空の場合は、未定義を返します
var chaomao=[1,2,3,4,5]
var chaomao.shift()//Get 1
alert(chaomao )//[2, 3,4,5]

2、pop() メソッドを使用します。
pop: 元の配列の最後の項目を削除し、削除された要素の値を返します。配列が空の場合は、未定義の
var を返します。 chaomao=[1 ,2,3,4,5]
var chaomao.pop()//Get 5
alert(chaomao)//[1,2,3,4]
前のメソッド配列のみ操作可能 先頭と末尾では、真ん中の項目は操作できません 真ん中の項目を操作したい場合は、spliceメソッド

を使用してください。

3. splice メソッドを使用します
このメソッドは非常に強力で、配列内の任意の項目を追加、削除、置換できます

変更操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,1,8,9)
alert(chaomao)//1,2,8,9,4,5
最初のパラメータは操作対象の配列の位置、2 番目のパラメータは操作位置の後ろの配列項目の数です。 3 番目のパラメーター 以下は、置き換えられたコンテンツ
の例が意味することです: 配列 Chaomao の位置 2 から始まり (つまり、値 3 の項目、配列の添え字は 0 から始まります)、位置 2 の後の項目、 8,9 に置換
2 番目のパラメータを 2、つまり、chaomao.splice(2,2,8,9) に変更すると、つまり、位置 2 以降の 2 つの項目が 8,9 に置換されます。結果は、2 つの項目 1、2、8、9、5、3、4 が置換されたことになります
ここで、置換された項目の数は、置換された項目の数と同じである必要はないことに注意してください。この原理に基づいて、1 つの項目を 3 つの項目に置き換えることができ、5 つの項目を 2 つの項目に置き換えることもできます。このメソッドを使用して配列を追加および削除します

削除操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,1)
alert (chaomao)//1,2,4,5
上記の例では、chaomao の位置 2 の後の 1 項目は、その後にコンテンツがないため空に置き換えられます。ご覧のとおり、3 項目は次のとおりです。

が削除されました。

追加操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,0,8,9)
alert(chaomao)//1,2,8,9,3,4,5
上記の例では、chaomao の位置 2 の後の 0 項目を 8,9 に置き換えます。これは 2 を追加するのと同じです。項目
実際、削除と追加の操作は、スプライス変更メソッドの 2 つの派生です
オブジェクトを削除する Javasscript メソッド
js でオブジェクト要素を削除するには、削除演算子を使用します
例を見てみましょう

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

var p ={
"名前": "チャオマオ",
"年齢":45,
"性別":"男性"
};
delete p.name
for(var i in p){
console.log(i);//出力年齢、性別、名前の項目が削除されました
}

jsonを追加するメソッド要素
コードをコピー コードは次のとおりです。

var json = {} ; // json が既に定義されている場合はスキップします。
json[text] = value;
json.text2 = value2; // この時点で、text2 は変数名標準を満たす必要があり、それ以外の場合は配列

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート