js中陣列的合併和物件的合併

阿新 • • 發佈：2018-12-11

1 數組合並

1.1 concat 方法

var a=[1,2,3],b=[4,5,6];

var c=a.concat(b);

console.log(c);// 1,2,3,4,5,6

console.log(a);// 1,2,3 不改變本身

1.2 迴圈遍歷

var arr1=['a','b'];

var arr2=['c','d','e'];

for

(var i=0;i<arr2.length;i++){

arr1.push(arr2[i])

}

console.log(arr1);//['a','b','c','d','e']

1.3 apply

合併陣列arr1和陣列arr2,使用Array.prototype.push.apply(arr1,arr2) or arr1.push.apply(arr1,arr2);

var arr1=['a','b'];

var

arr2=['c','d','e'];

Array.prototype.push.apply(arr1,arr2);

//或者

arr1.push.apply(arr1,arr2); console.log(arr1) //['a','b','c','d','e']

2 物件合併

2.1 $.extend()

var obj1= {'a': 1};

var obj2= {'b': 1};

var c = $.extend(obj1, obj2);

1	`console.log(obj1);` `// {a: 1, b: 1} obj1已被修改`

1	`//或者 <br>var obj3 = $.extend({}, obj1, obj2) <br>console.log(obj3); //{a: 1, b: 1} 不會改變obj1,obj2`

2.2 遍歷賦值

var obj1={'a':1};

var obj2={'b':2,'c':3};

for(var key in obj2){

if(obj2.hasOwnProperty(key)===true){  //此處hasOwnProperty是判斷自有屬性，使用 for in 迴圈遍歷物件的屬性時，原型鏈上的所有屬性都將被訪問會避免原型物件擴充套件帶來的干擾

obj1[key]=obj2[key];

}

console.log(obj1);//{'a':1,'b':2,'c':3};

2.3 Obj.assign()

　　可以把任意多個的源物件自身的可列舉屬性拷貝給目標物件，然後返回目標物件。

　　Object.assign(target, ...sources)

//a. 複製一個物件 var obj = { a: 1 ,b:2};

var copyObj = Object.assign({}, obj);

console.log(copyObj); // { a: 1,b:2 } //b.合併多個物件

var o1 = { a: 1 };

var o2 = { b: 2 };

var o3 = { c: 3 };

var obj = Object.assign(o1, o2, o3);

console.log(obj); // { a: 1, b: 2, c: 3 }

console.log(o1); // { a: 1, b: 2, c: 3 }, 且目標物件自身也會改變。　

2.4 物件的深拷貝和淺拷貝

2.4.1 淺拷貝

var obj1={'a':1};
var obj2={'b':{'b1':22,'b2':33}};

$.extend(obj1, obj2);   //obj1拷貝了obj2的屬性

console.log(obj1)  // {'a':1,'b'{'b1':22,'b2':33}}
console.log(obj1.b.b1)  // 22

obj2.b.b1=44;   //obj2重新賦值
console.log(obj1.b.b1)  // 44  obj1.b僅拷貝了物件的指引，所以受原obj2的影響

2.4.2 深拷貝

var obj1={'a':1};
var obj2={'b':{'b1':22,'b2':33}};

$.extend(true,obj1, obj2);   //第一個引數設為true表示深複製

console.log(obj1)  // {'a':1,'b'{'b1':22,'b2':33}}
console.log(obj1.b.b1)  // 22

obj2.b.b1=44;   //obj2重新賦值
console.log(obj1.b.b1)  // 22 obj1拷貝了obj2的所有屬性以及值，並不受obj2的影響

js中陣列Array和字串String的屬性方法歸納總結

5、操作符的二義性，[ ] 建立陣列，屬性或陣列下標讀取寸；{ }物件宣告，函式直接量宣告，複合語句，結構語句限定如winth(){},swith(){},try{}catch() {}；, 連續運算子，陣列或json元素分割符，函式形參分隔符；+字串連線符，數值運算子,增值運算子；()函式執行

js中陣列的合併和物件的合併

1 數組合並 1.1 concat 方法 1 2 3 4 var a=[1,2,3],b=[4,5,6]; var c=a.concat(b); console.log(c);// 1,2,3,4,

學習：JS中陣列和物件的之間的關聯、區別

在jscript中陣列和物件幾乎相同，兩者主要的差別是物件沒有自動長度屬性，而陣列沒有物件的屬性和方法。陣列定址使用方括號"[]"來定址陣列。方括號中是一個數值或一個值為整數的表示式。將物件作為關聯陣列通常，使用點運算子“.”訪問物件的屬性。例如， myOb

js中 json字串 json物件以及物件和陣列的區別

json 字串轉json 物件轉換後就可以取出物件中的值 json字串： var jsonString = '{"bar":"property","baz":3}' ; json物件： var jsObject =

js中陣列和物件的區別

陣列：陣列是有序資料的集合，陣列下標只能是數字，如果為字串則變為物件的屬性。宣告： var arr = []; 賦值： arr[0] = '大寧';

js中陣列（array）和物件（object）的區別

object 型別：建立方式： /*new 操作符後面Object建構函式*/ var person = new Object(); person.name = "lpove"; pers

js中 json字串 json物件以及物件和陣列的區別

json 字串轉json 物件轉換後就可以取出物件中的值 json字串：var jsonString = '{"bar":"property","baz":3}'; json物件：var jsOb

js中陣列物件自定義排序

<!DOCTYPE html> <html> <script> var data = [{name:"zachary", age:28}, {name:"nicholas", age:29}]; function f1(name){ return functi

js中陣列和字串的方法總結

一、陣列方法簡單總結為以下幾種　　1、原有：　　　　　增、刪、改、截、拼、復、排、轉　　2、ES5擴充套件：　　　查、遍歷增：　　　　　　　前增 var arr = [3,4,5,6,7]; console.log(arr.unshift(

JS中陣列與物件的遍歷方法例項

一、陣列的遍歷：首先定義一個數組 arr=['snow','bran','king','nightking']; 1、for迴圈，需要知道陣列的長度; 2、foreach，沒有返回值，可以不知道陣列長度； arr.forEach(function(ele,index

js中陣列的棧方法和佇列方法

1.棧方法 ECMAScript陣列提供了一種讓陣列的行為類似於其他資料結構的方法。具體來說，陣列可以表現的就像棧一樣（棧是一種可以限制插入和刪除的資料結構）。棧是一種LIFO(Last-In-First-Out,後進先出)的資料結構。棧中項的插入和移除只發生再一個位置，就是棧的頂部

js中的內建物件，宿主物件和自定義物件

JS中，可以將物件分為“內建物件”、“宿主物件”和“自定義物件”三種。 1，內建物件 js中的內建物件包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各種錯誤類物件，包括Erro

學習：JS中建立自己的物件和在定義中包含方法

1.建立自己的物件要建立自己的物件例項，必須首先為其定義一個建構函式。建構函式建立一個新物件，賦予物件屬性，並在合適的時候賦予物件方法 // people 是有3個引數的構造器 function people(name, age, sex){ // 屬性：姓名

Js中如何判斷一個物件為陣列型別

在說明如何判斷一個物件為陣列型別前，我們先鞏固下js的資料型別，js一共有六大資料型別：number、string、object、Boolean、null、undefined。 string：由單引號或雙引號來說明，如"string"； number：陣列型別，比如整數、小數等； Boolea

js中陣列物件去重的方法

方法一：採用物件訪問屬性的方法，判斷屬性值是否存在，如果不存在就新增。方法二：採用陣列中的reduce方法，遍歷陣列，也是通過物件訪問屬性的方法 var arr = [{ ke

js中陣列的建立和刪除

1、建立陣列 var array = new Array(); var array = new Array(size); //指定陣列的長度 var array = new Array(item1,item2……itemN); //建立陣列並賦值 2、取值、賦值 var item = array[

js中json字串和json物件轉換

準備： 1.json字串 var jsonString="{”name“:"張三","value":"13"}"; 2.json物件 var jsonObject={”name“:"張三","value":"13"}; 3.json陣列 var jsonArray=[{”

JS中實現字串和陣列的相互轉化

早上起來看了一道JS的面試題，是這樣描述的：利用var s1=prompt("請輸入任意的字串","")可以獲取使用者輸入的字串，試程式設計將使用者輸入的字串“反轉”，並且將字串輸出

JS中陣列的新增和刪除

在JS中，我們經常會對陣列進行新增或者刪除操作，所以我們有必要對陣列的新增和刪除用法熟知。一、新增（push、unshift、splice） 1.push(往陣列的最後新增元素，新增元素的個數以及型別都沒有限制，多個值之間用逗號間隔。) var array = [5,7,6]; ar

JS中陣列物件去重

JS陣列去重 JS中對陣列去重最好不要用unique方法，該方法主要是對dom節點陣列的去重，如果對普通的陣列元素去重只會去掉與之相鄰的重複元素，也就是如果陣列中還有不相鄰的重複元素存在，將不會被去掉，

js中陣列的合併和物件的合併

1 數組合並

1.1 concat 方法

1.2 迴圈遍歷

1.3 apply

2 物件合併

2.1 $.extend()

2.2 遍歷賦值

2.3 Obj.assign()

2.4 物件的深拷貝和淺拷貝

相關推薦