js的數組和對象的多種"復制"和"清空", 以及區分JS數組

DTeam 發布于2019-08-23 15:28 / 3162人閱讀

摘要：方法方法弊端區分不開對象或者數組方法以上是我認為無懈可擊的方法其他還有很多需要請留言想了解原生的數組和對象的方法請點擊教程阮一峰

js的數組和對象的多種"復制"和"清空", 以及區分JS數組和對象的方法 一.數組清空與復制方法

1.數組清空的方法

var a = [1,2,3];    
a.length = 0;           //方法1 
a.splice(0, a.length);  //方法2

2.數組復制方法

var a = [1,2,3];
a.slice(0)

二.對象清空與復制方法

1.判斷對象是否為空

Object.key.length==0  //為空  ES6

2.對象復制

(1).萬能辦法

function clone(obj){
    let temp = null;
    if(obj instanceof Array){
        temp = obj.concat();
    }else if(obj instanceof Function){
        //函數是共享的是無所謂的，js也沒有什么辦法可以在定義后再修改函數內容
        temp = obj;
    }else{
        temp = new Object();
        for(let item in obj){
            let val = obj[item];
            temp[item] = typeof val == "object"?clone(val):val; //這里也沒有判斷是否為函數，因為對于函數，我們將它和一般值一樣處理
        }
    }
    return temp;
}

(2).JSON對象序列化方法, 弊端: 不能復制函數

JSON.parse(JSON.stringify(obj))

三.判斷是否為數組和對象的方法

1.toString方法

Object.prototype.toString.call(array) === "[object Array]"  //true
Object.prototype.toString.call(obj) === "[Object Object]"  //true

數值：返回[object Number]。 
字符串：返回[object String]。 
布爾值：返回[object Boolean]。
undefined：返回[object Undefined]。 
null：返回[object Null]。 
數組：返回[object Array]。 
arguments 對象：返回[object Arguments]。 
函數：返回[object Function]。
Error 對象：返回[object Error]。 
Date 對象：返回[object Date]。 
RegExp 對象：返回[object RegExp]。 
其他對象：返回[object Object]。

2.constructor方法

obj.constructor === Array//true
obj.constructor === Object //true

3.instanceof方法, 弊端: 區分不開對象或者數組

obj instaceof Object  //true
array instaceof Object// true

4.isArray方法

Array.isArray([1,2,3])  //true

以上是我認為無懈可擊的方法, 其他還有很多, 需要請留言
想了解原生js的"數組"和"對象"的方法, 請點擊 JavaScript教程-阮一峰

云服務器 GPU云服務器 Quote quoted quot python b&quot&quot

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102113.html

詳細解說JavaScript內存管理和GC算法

　　JavaScript在創建變量（數組、字符串、對象等）是自動進行了分配內存,而且當它沒有被使用的狀態下，會自動的釋放分配的內容；其實這樣基層語言，如C語言，他們提供了內存管理的接口，比如malloc()用于分配所需的內存空間、free()釋放之前所分配的內存空間。　　釋放內存的過程稱為垃圾回收，例如avaScript這類高級語言可以提供了內存自動分配和自動回收，其實這個自動儲存不會占用太多空間...

3403771864 2022-10-13 21:57 評論0 收藏0
　用js實現點擊切換和自動播放的輪播圖示例

　　js實現點擊切換和自動播放的輪播圖，其實十分簡單，話不多說，我們直接看示例：　　輪播圖案例　　<!DOCTYPEhtml> 　　<html> 　　<head> 　　<metacharset="UTF-8"> 　　<metaname="vie...

3403771864 2022-10-24 21:47 評論0 收藏0
前端開發——讓算法&quot;動&quot;起來

摘要：函數和我們之前介紹的冒泡排序是一樣的，只不過這里有一句這句是核心，一看是乍看是不是很奇怪，為什么要然后再。而且細心的會發現之前我們看到的冒泡排序它只有一層循環。正文當然在我們不清楚具體操作細節前我們可以先假設一下，我們能夠用什么來實現。按照以前看過的排序動畫我將其分為 1.Js操作Dom,再搭配簡單的css 2.Canvas動畫之后在查資料的時候發現還有人用d3這個庫來完成。...

233jl 2019-08-26 11:37 評論0 收藏0
前端開發——讓算法&quot;動&quot;起來

摘要：函數和我們之前介紹的冒泡排序是一樣的，只不過這里有一句這句是核心，一看是乍看是不是很奇怪，為什么要然后再。而且細心的會發現之前我們看到的冒泡排序它只有一層循環。正文當然在我們不清楚具體操作細節前我們可以先假設一下，我們能夠用什么來實現。按照以前看過的排序動畫我將其分為 1.Js操作Dom,再搭配簡單的css 2.Canvas動畫之后在查資料的時候發現還有人用d3這個庫來完成。...

Tangpj 2019-08-01 18:33 評論0 收藏0