目錄
語法
首頁 web前端 js教程 js刪除操作delete步驟詳解

js刪除操作delete步驟詳解

Aug 10, 2018 am 09:24 AM

簡介

用來刪除一個物件的屬性。

語法

delete expresson
登入後複製
  • 1

  • 2

express 應該是一個物件的參考,例如

delete object.propertydelete object['property']
登入後複製
  • #1

  • ##2

  • 3

  • 4

#如果expression不是物件的引用,那麼delete就不會起任何作用

傳回值

在嚴格模式下,如果屬性是不可配置的屬性,刪除是會拋出異常,非嚴格模式下回傳false,其他情況回傳true .

作用

  1. 可以刪除隱式全域變量,但不可刪除顯示全域變數。

     全域變數其實是global物件(window)的屬性。

x = 10;var y = 20;delete x; //true;delete y; //false
登入後複製
  • 1

  • #2

  • ##3
  • 4
  • 5
  • 6
  1. 內建物件的內建屬性不能被刪除,使用者自訂的屬性可以被刪除。
    obj = {
    
        h : 10}var obj1 = {
        h: 10}delete Math.PI; // falsedelte obj.h; //truedelete obj; //ture ,obj 是全局变量的属性,而不是变量。delete obj1.h;//truedelete obj1; //false 全局显示变量不能被删除function fn(){
    
        var z = 10;    delete z; //false
        //z是局部变量,不能被删除,delete只能删除对象的属性。}delete fn; //false//fn 相当于是一个匿名变量,所以也不能被删除。
    登入後複製
  • 1
  • #2
  • ##3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

  • #13

  • ##14
  • 15
  • 16
  • #17
  • 18
  • 19
  • 20
  • #21
  • 22
  • 23
  • 24
  • #25
  • 26
  • 27
  • 28
  1. 不能刪除一個物件從原型繼承而來的屬性,但是可以直接從原型上刪除它;
  • function foo(){}
    foo.prototype.name = 'zhangsan';var f = new foo();//delete只能删除自己的属性,不能删除继承来的属性delete f.name; // false console.log(f.name);//zhangsandelete foo.prototype.anme; // trueconsole.log(f.name); // undefined
    登入後複製

  • 1
  • 2
  • 3
  • 4
  • #5
  • 6
  • 7
  • 8
  • ##9
  • #10
  • 11
  • #12
  • 13
  • 14

刪除陣列元素

當刪除陣列元素時,陣列的長度不會變小。
    var arr = [1,3,4,6,73,2];delete arr[2];
    
    console.log(arr.length); // 6console.log(arr[2]); //undefiendconsoel.log(arr); //[ 1, 3, , 6, 73, 2 ]
    登入後複製
  • 1
  • #2
  • ##3

  • 4

  • 5

  • #6

  • ##7

#作用:在forEach 迴圈中刪除元素,不會影響迴圈結果

var arr = [1,3,5,21,3,4,53,21,5,2];

arr.forEach(function(val,index){

    if(val < 10){        delete arr[index];
    }
})

console.log(arr); //[ , , , 21, , , 53, 21, ,  ]//可以使用filter过滤掉空值 [ 21, 53, 21 ]arr = arr.filter(function(val){return val});
登入後複製
  • 1

  • 2

  • 3

  • 4

  • 5

  • #6

  • 7

  • #8

  • ##9
  • #10
  • 11
  • #12
  • 13
  • 14
  • #15
  • 16
  • # #與Array.splice 比較
arr.forEach(function(val,index){

    if(val < 10){

        arr.splice(index,1);
    }
})//没有答案我们预想的结果,因为splice删除元素会改变数组的长度。//所以说删除一个值后,其后的那个值占据了它的位置,在判断的时候就会漏掉。console.log(arr);// [ 3, 21, 4, 53, 21, 2 ]
登入後複製

1
  • #2
  • ##3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

  • 13

        <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/markdown_views-ea0013b516.css">
            </p>
登入後複製
相關推薦:

利用Js實作刪除陣列中某一項或幾項的幾種方法

JavaScript陣列刪除特定元素方法介紹

以上是js刪除操作delete步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

在JavaScript中替換字符串字符 在JavaScript中替換字符串字符 Mar 11, 2025 am 12:07 AM

在JavaScript中替換字符串字符

jQuery檢查日期是否有效 jQuery檢查日期是否有效 Mar 01, 2025 am 08:51 AM

jQuery檢查日期是否有效

jQuery獲取元素填充/保證金 jQuery獲取元素填充/保證金 Mar 01, 2025 am 08:53 AM

jQuery獲取元素填充/保證金

10個jQuery手風琴選項卡 10個jQuery手風琴選項卡 Mar 01, 2025 am 01:34 AM

10個jQuery手風琴選項卡

10值得檢查jQuery插件 10值得檢查jQuery插件 Mar 01, 2025 am 01:29 AM

10值得檢查jQuery插件

HTTP與節點和HTTP-Console調試 HTTP與節點和HTTP-Console調試 Mar 01, 2025 am 01:37 AM

HTTP與節點和HTTP-Console調試

自定義Google搜索API設置教程 自定義Google搜索API設置教程 Mar 04, 2025 am 01:06 AM

自定義Google搜索API設置教程

jQuery添加捲軸到Div jQuery添加捲軸到Div Mar 01, 2025 am 01:30 AM

jQuery添加捲軸到Div

See all articles