2. 程式人生 > 實用技巧 >Java中的深拷貝和淺拷貝

Java中的深拷貝和淺拷貝

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

技術標籤：javascript

陣列去重

方法1：利用ES6 Set去重

function unique(arr) {
    return Array.from(new Set(arr))
}

var arr = [1, 2, 3, 4, 5, 2, 1, 9, 0, 5]
console.log(unique(arr));//=>[1, 2, 3, 4, 5, 9, 0]

利用filter去重

var r;
var arr = [1, 2, 3, 4, 5, 2, 1, 9, 0, 5]

r = arr.filter((element, index, self) =>
 
 {
    return self.indexOf(element) === index;
})
console.log(r)//=>[1, 2, 3, 4, 5, 9, 0]

指定去重元素 零

var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
var newArr = [];
for (var i = 0; i < arr.length; i++) {
    if (arr[i] != 0) {
        newArr[newArr.length] = arr[i];
    }
}
console.log(newArr);//=>[2, 6, 1, 77, 52, 25, 7]

選項：A/B/C等，至少選中一個

// 陣列中是否包含某個值：判斷陣列initArray裡面的值是否在陣列checkList中
var initArray = ['1', '41', '4', '3', '6']; 
var checkList = ['0']
var newArray = initArray.map(v => {
    return checkList.includes(v)
})
console.log('是否勾選了', newArray); //  [false, false, false, false, false]

/*
 陣列中至少有一個為true
 陣列的some方法：如果有一個元素滿足條件，則表示式返回true , 剩餘的元素不會再執行檢測。
*/
 

var even = function (item, index, newArray) {
    return item === true;
};
console.log(newArray.some(even)); //true

介面資料過濾

// 陣列擷取
res.data.body.data.forEach(i => {
    this.tow_list.push({
        value: i.Code,
        name: i.Name
    });
});

// 在陣列最前面新增一個物件元素
this.orderSource.unshift({
    code: '',
    name: '全部'
})

// 為數組裡面的物件新增屬性
this.$set(this.list[i],"isDisable",false);

// 為陣列的每個物件新增屬性 isLogin
var arr = [
    {
        type: String,
        value: '10'
    },
    {
        type: Object,
        value: {
            name: 'lisi',
            age: '20'
        }
    }
]

for(var i in arr) {
    arr[i].isLogin = true;
}
console.log(arr)


//  Object.assign 物件合併
let hwSigningList_array = [];
list.map((item, index) => {
    hwSigningList_array.push(
        Object.assign(item, { doctorId: this.ruleForm.id })
    )
});

判斷資料型別

// 說明返回的是陣列和數組裡面不為空
if( Array.isArray(res.data.body.data) && res.data.body.data.length > 0){
	
}

判斷某一個數值是否在數組裡面

[3,9,10].indexOf(3)

非空判斷

 if (!this.ruleForm.ruleName || this.ruleForm.ruleName === '') {
        this.$message({
          message: "規則名稱不能為空",
          type: "warning"
        });
        return;
      }

資料拷貝

深拷貝陣列

var hwSigningList_copy = JSON.parse(JSON.stringify(this.hwSigningList))

this.hwSigningList_copy = hwSigningList_copy.map(x => {
    return {
        id: x.id,
        imageScript: x.imageScript
    }
})

本地儲存

/*
 將json格式的字串轉換為陣列或者物件：JSON.parse(json字串)
 將字面量物件或者陣列轉換為json格式的字串：JSON.stringify(物件或者陣列)
 存資料：本地儲存只能儲存字串
*/
localStorage.setItem(‘key’, JSON.stringify(物件或者陣列));

// 取資料：
localStorage.getItem(‘key’) ；
keyArr = JSON.parse(localStorage.getItem(‘key’));

// 清空本地儲存資料：
localStorage.removeItem(“key”);

常用的方法

some函式

用於檢測陣列中的元素是否滿足指定條件

如果有一個元素滿足條件，則表示式返回true , 剩餘的元素不會再執行檢測

如果沒有滿足條件的元素，則返回false

注意事項：

  1. some() 不會對空陣列進行檢測
  2. some() 不會改變原始陣列

場景1：商品的收藏按鈕

// 1.獲取快取中的商品收藏資料
let collect = wx.getStorageSync("collect")|| [];
// 2.判斷當前商品是否被收藏
let isCollect = collect.some(v=>v.goods_id===this.GoodsInfo.goods_id);

every函式

用於檢測陣列所有元素是否都符合指定條件

如果陣列中檢測到有一個元素不滿足，則整個表示式返回 false ，且剩餘的元素不會再進行檢測

如果所有元素都滿足條件，則返回 true。

注意事項：

  1. 空陣列呼叫 every方法，返回值就是true
  2. every() 不會對空陣列進行檢測
  3. every() 不會改變原始陣列

場景1：全選功能

const allChecked = cart.length ? cart.every(v => v.checked) : false;

forEach函式

forEach() 方法用於呼叫陣列的每個元素，並將元素傳遞給回撥函式。

陣列.forEach(function(陣列當前項的值，陣列當前項的索引，陣列物件本身){ })

注意: forEach()對於空陣列是不會執行回撥函式的。

抽離陣列的某些元素，組合成一個新陣列。陣列的每個物件都含有抽離出來的屬性

let array = [
    {
        goods_id: 0,
        num: 10,
        goods_price: 100,
        goos: "gooos"
    },
    {
        goods_id: 1,
        num: 20,
        goods_price: 200,
        goos1: "goo1os"
    },
    {
        goods_id: 2,
        num: 30,
        goods_price: 300,
        gosos: "goodaos"
    }
]

let goods = [];
array.forEach(v=>goods.push({
    goods_id: v.goods_id,
    goods_number: v.num,
    goods_price: v.goods_price
}))
console.log(goods);//=> [{…}, {…}, {…}]

求和

//定義
	var sum = 0;
	this.list.forEach((item) => {
	   //遍歷prodAllPrice這個欄位，並累加
	   sum += item.prodAllPrice;
	 });
	//返回
	this.sum = sum;

split()方法

用於切分字串，它可以將字串切分為陣列。在切分完畢之後，返回的是一個新陣列

字串.split(“分割字元”)

例如：使用字串的 split 方法分割字串,以空格分隔 split(’ ') ；引號中間一定記得敲空格！！！

replace函式

replace() 方法用於在字串中用一些字元替換另一些字元，或替換一個與正則表示式匹配的子串

// 使用場景：iphone部分手機 不識別 webp 圖片格式
屬性.replace(/\.webp/g,'.jpg')

字串.replace(被替換的字串， 要替換為的字串)；

includes函式

  • 用來判斷一個數組是否包含一個指定的值

  • 用於判斷字串是否包含指定的子字串

如果找到匹配的字串則返回 true，否則返回 false。

注意： includes() 方法區分大小寫。

使用場景1：判斷url中是否帶有 /my/ 請求的是私有的路徑 帶上header token

// 如果header還需要攜帶除token以外的引數，發起請求的時候當引數傳遞就可以了。
let header = { ...params.header };

// 判斷url中是否帶有 /my/ 請求的是私有的路徑  帶上header  token
if (params.url.includes('/my/')) {
	// 拼接header  帶上 token
	header["Authorization"] = wx.getStorageSync("token")
}

filter

filter用於把Array的某些元素過濾掉，然後返回剩下的元素。
filter()把傳入的函式依次作用於每個元素，然後根據返回值是true還是false決定保留還是丟棄該元素。

filter()接收的回撥函式

  1. 第一個引數，表示Array的某個元素。
  2. 回撥函式還可以接收另外兩個引數，表示元素的位置和陣列本身：

在一個Array中，刪掉偶數，只保留奇數

var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter( (x)=>{
    return x % 2 !== 0;
});
r; // [1, 5, 9, 15]

把一個Array中的空字串刪掉

var arr = ['A', '', 'B', null, undefined, 'C', '  '];
var r = arr.filter( (s)=>{
    return s && s.trim(); // 注意：IE9以下的版本沒有trim()方法
});
arr; // ['A', 'B', 'C']

獲取選中的商品

// 過濾後的購物車陣列
cart = cart.filter(v => v.checked);

基礎用法示例

var arr = ['A', 'B', 'C'];
var r = arr.filter(function (element, index, self) {
    console.log(element); // 依次列印'A', 'B', 'C'
    console.log(index); // 依次列印0, 1, 2
    console.log(self); // self就是變數arr
    return true;
});

程式碼演示

 /*
    filter方法  用於過濾資料  返回一個數組
    filter方法接收一個匿名函式，引數就是陣列中的item項，
    
    例如：從上面資料中過濾一個name為ccc的資料

    只要filter方法的回撥函式中的比較運算子的結果為true，
    那麼符合條件的物件就會被包在一個數組返回，比較結果為false的就被過濾掉了
  */
 var array = [
    {
      age: 11, name: 'aaa'
    },
    {
      age: 22, name: 'bbb'
    },
    {
      age: 33, name: 'ccc'
    }
  ];

  var filter = array.filter(item => item.name === 'ccc')
  console.log(filter) // [{age: 33, name: "ccc"}]

findIndex方法

當陣列中的元素在測試條件時返回 true 時, findIndex() 返回符合條件的元素的索引位置，之後的值不會再呼叫執行函式，如果沒有符合條件的元素返回 -1

注意事項：

  1. findIndex() 對於空陣列，函式是不會執行的
  2. findIndex()並沒有改變陣列的原始值

選擇星期幾


choose (id) {
    let index = this.list.findIndex((value, index, arr) => {
        return value.value == id;
    });
    console.log(this.list[index].name)
}
choose(1);

list: [
    {value: 1,name: "週一"},
    {value: 2,name: "週二"},
    {value: 3,name: "週三"},
    {value: 4,name: "週四"},
    {value: 5,name: "週五"},
]

判斷 當前的商品是否已經存在於 購物車

let index = cart.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id);
if(index === -1){ //當前商品在購物車中不存在 }

map

map()方法定義在JavaScript的Array中，它返回一個新的陣列，陣列中的元素為原始陣列呼叫函式處理後的值

map方法接收一個匿名函式為引數，這個匿名函式又有三個引數

  • 引數一：每個item項
  • 引數二：陣列的索引
  • 引數三：呼叫map方法的陣列本身，也就是陣列array

注意事項

  1. map()不會對空陣列進行檢測
  2. map()不會改變原始陣列

// 方法一
this.orderSource = res.data.body.data.map(x => {
    return {
        code: x.code,
        name: x.name
    }
})

// 方法二
 res.data.body.data.map(i => {
     this.list.push({ value: i.id, name: i.name });
 });

場景1：物件展開原樣返回；新增新屬性create_time_cn

需求：後臺返回的是時間戳（單位：秒）；前臺需要的時間格式：2019/8/12 下午9:36:25

array.map(v=>({...v,create_time_cn:(new Date(v.create_time*1000).toLocaleString())}))

reduce

相關推薦

Java中的深拷貝和淺拷貝

摘自《Java Core》 ed.11 In this section, we discuss the Cloneable interface that indicates that a class has provided a safe clone method. Since cloning is not all that common, and the details are qui

關於Java中的Map的淺拷貝和深拷貝問題

技術標籤：使用筆記 關於Java中的Map的淺拷貝和深拷貝問題 發生背景 生產列印的log會有圖片的Base64碼 這並不是我們實際日誌中需要關心的東西想定的解決案是在切面列印日誌類中刪除掉列印log的欄位

js中的深拷貝和淺拷貝

js的儲存區 程式執行的時候，需要記憶體空間存放資料。一般來說，系統會劃分出兩種不同的記憶體空間：

JavaScript中的深拷貝和淺拷貝！

JavaScript中的深拷貝和淺拷貝！ 淺拷貝 1.淺拷貝只是拷貝一層，更深層次物件級別的只拷貝引用.{也就是拷貝的是地址！簡而言之就是在新的物件中修改深層次的值也會影響原來的物件！}

c++中的深拷貝和淺拷貝

技術標籤：c++小菜雞c++ 我們有時候會聽說c++中有深拷貝和淺拷貝的說法，那麼深拷貝和淺拷貝的區別是什麼呢？簡單來說，淺拷貝就是簡單的賦值拷貝操作；而深拷貝是程式設計師手動在堆區重新申請一塊記憶體然後進

2021.06.17（理解js中的深拷貝和淺拷貝）

在JS當中，資料型別分為基本資料型別和引用型別，其中基本資料型別（string，number，boolean，undefined，null，symnol......），引用型別為Object（Array、Object、Function......）。

【137期】面試官：你能說說Java深拷貝和淺拷貝區別嗎

拷貝的引入 引用拷貝 Teacher teacher = new Teacher(\"Taylor\",26); Teacher otherteacher = teacher;

javascript的深拷貝和淺拷貝

 這個面試題屬於比較常見的面試題，但是我們在回答過程中但是還是有很多細節我們沒有回答出來，那麼接我們一起來探討一下這個問題 

【Python】直接賦值,深拷貝和淺拷貝

直接賦值: 物件的引用,也就是給物件起別名 淺拷貝: 拷貝父物件，但是不會拷貝物件的內部的子物件。

詳解Python直接賦值,深拷貝和淺拷貝

直接賦值: 物件的引用,也就是給物件起別名 淺拷貝: 拷貝父物件，但是不會拷貝物件的內部的子物件。

JavaScript 的 深拷貝和淺拷貝

深拷貝和淺拷貝都是針對的引用型別， JS中的變數型別分為值型別（基本型別）和引用型別；

51.深拷貝和淺拷貝的區別？如何實現

淺拷貝的四種方式： 深拷貝： JS實現深拷貝https://www.cnblogs.com/dobeco/p/11295316.html

物件的深拷貝和淺拷貝和拷貝方法

　　我們知道物件在記憶體中分兩塊儲存，引用地址存放在棧記憶體，而本身的資料是存放在堆記憶體

深拷貝和淺拷貝的區別

首先介紹一下記憶體劃分 記憶體分為五個區域，即堆記憶體，棧記憶體，全域性記憶體，常量區，程式碼區，其中各個分割槽的作用如下：

深拷貝和淺拷貝原理

基礎資料型別： 　　string、number、null、undefined、boolean、symbol 引用資料型別：

java的物件的拷貝和淺拷貝的異同

java的物件的拷貝和淺拷貝的異同 說在前面 ​這幾天在看阿里的開發規範，有一條引起了我的注意，不建議使用Object類中的clone()的方法來進行物件拷貝，為了一探究竟，有了這篇文章，如有不足，歡迎留言交流。

關於深拷貝和淺拷貝

如何區分深拷貝與淺拷貝，簡單點來說，就是假設B複製了A，當修改A時，看B是否會發生變化，如果B也跟著變了，說明這是淺拷貝，拿人手短，如果B沒變，那就是深拷貝，自食其力。

c++深拷貝和淺拷貝

預設複製建構函式可以完成物件的資料成員值簡單的複製  物件的資料資源是由指標指示的堆時，預設複製建構函式僅作指標值複製 1淺拷貝問題丟擲和分析 深拷貝淺拷貝現象出現的原因 2淺拷貝程式C++提供的解

Python深拷貝和淺拷貝

淺拷貝就是對於一個物件引用的拷貝，而深拷貝就是對物件資源（具體值）的拷貝

JS深拷貝和淺拷貝

淺拷貝 當我們拷貝物件時，如果物件的屬性值是一個引用資料型別，子物件拷貝的只是父物件的地址，當子物件訪問該屬性值時，會根據這個地址去找到父物件指向的堆記憶體，兩者的屬性值會指向同一記憶體空間。