自學day7 數組

来源:https://www.cnblogs.com/sml-ylz/archive/2023/11/28/17863042.html
-Advertisement-
Play Games

typora-copy-images-to: media 數組 一、概念 對象中可以通過鍵值對存儲多個數據，且數據的類型是沒有限制的，所以通常會存儲一個商品的信息或一個人的信息： var obj = { goodsname:"手機", price:"5000", introduce:"手機很時尚，很 ...


typora-copy-images-to: media

數組

一、概念

對象中可以通過鍵值對存儲多個數據，且數據的類型是沒有限制的，所以通常會存儲一個商品的信息或一個人的信息：

var obj = {
    goodsname:"手機",
    price:"5000",
    introduce:"手機很時尚，很漂亮！"
}

var person = {
    name:"張三",
    age:12,
    sex:"男"
}

但對象在存儲同類型數據的時候比較困難，例如，存儲一個班級所以人的姓名：

var obj = {
    name1:"張三",
    name2:"李四",
    name3:"王五",
    ...
}

這種存儲方式我們沒有辦法通過一個人的姓名獲取到這個人的編號，也沒有辦法通過一個編號獲取到某個人的姓名。

js提供了另外一種對象類型的數據，可以通過編號來存儲數據：數組。也是對象3種表現形式中的另外一種，[]定義的對象。

二、數組定義

var arr = []

這是一個空數組，定義帶數據的數組：

var arr = ['張三','李四','王五','趙六']

輸出結果：

1626167537312

數組中的數據類型沒有限制，在實際項目中，數組中通常會存儲同一類型的數據。

var arr = ['a',2,false,undefined,{name:"張三"}];

1626167695037

數組這種數據，相當於在一個大空間中，有很多小空間，每個值前面的數字，表示這個小空間的編號，專業術語叫下標。第一個下標永遠是0，依次向後遞增，最後一個下標是值的個數-1

也就是說，數組這種數據中每個值是有順序的。

js還提供了一個構造函數，用來創建數組：

var arr = new Array("張三","李四","王五")

這兩種方式定義的數據是一樣的。

有一種情況，這兩種定義方式是不一樣的：

var arr = [5]
var brr = new Array(5)
console.log(arr,brr)

1626167936260

[]形式定義的是一個數組中有一個小空間，其中的值是5；構造函數方式定義的，表示有5個空的小空間。

數組的規律：

第一個值的下標永遠是0;

最後一個值的下標永遠是值的個數-1。

三、數組基本操作

數組中值的個數：數組.length

var arr = ['張三',"李四","王五","趙六"];
var arr1 = [1,2,3,4,5,6];
console.log(arr.length); // 4
console.log(arr1.length); // 6

訪問數組中的元素：數組[下標]

例：

var arr = ["張三","李四","王五"];
console.log(arr[1]); // 李四

第一個值永遠是：數組[0]；最後一個值永遠是：數組[數組.length-1]

添加元素：數組[下標] = 值

例：

var arr = ["張三","李四"];
arr[2] = "王五";
console.log(arr); // (3) ["張三", "李四", "王五"]
arr[10] = "趙六";
console.log(arr); // (11) ["張三", "李四", "王五", empty × 7, "趙六"] 中間還有7個空元素

修改元素：數組[下標] = 值

例：

var arr = ["張三","李四"];
arr[0] = "王五";
console.log(arr); // (2) ["王五", "李四"]

使用說明：如果下標是已經存在的，那賦值操作就是修改數組元素的值，如果下標是不存在，那賦值操作就給數組添加元素。

刪除元素：delete 數組[下標]

var arr = [1,2,3];
delete arr[0];
console.log(arr)

1626168328106

這種刪除方式，只能刪除值，並不能刪除小空間。

數組長度的賦值：

var arr = [1,2,3];
arr.length = 0;
console.log(arr) // []

var arr = [1,2,3];
arr.length = 10;
console.log(arr)

1626168443555

var arr = [1,2,3];
arr.length = 1;
console.log(arr) // [1]

遍曆數組：

如果要將數組中的所有元素都輸出，操作如下：

var arr = ["張三","李四","王五","趙六"];
console.log(arr[0]); // 張三
console.log(arr[1]); // 李四
console.log(arr[2]); // 王五
console.log(arr[3]); // 趙六

從上面輸出的代碼中可以看出，多次輸出是在進行重覆動作，並且多次重覆之間是有規律可循的，所以可以使用迴圈進行這個重覆動作：

var arr = ["張三","李四","王五","趙六"];
var length = arr.length;
for(var i=0;i<length;i++){ 
	console.log(arr[i]);
}

結果：

迴圈輸出數組中的每個值
1572421527297

這種使用迴圈將數組中每個元素輸出的操作叫做數組的遍歷 - 每個元素都經歷一次

遍歷對象的for in語法也可以遍曆數組：

var arr = ["張三","李四","王五","趙六"];
for(var i in arr){ 
	console.log(arr[i]);
}

1626168587971

兩種遍歷方式有區別：

var arr = ['a','b','c'];
arr[5] = 'd'
console.log(arr);
for(var i=0;i<arr.length;i++){
    console.log(arr[i]);
}

1626168700748

空的空間會遍歷出undefined

var arr = ['a','b','c'];
arr[5] = 'd'
console.log(arr);
for(var i in arr){
    console.log(arr[i]);
}

1626168730460

空的空間不會被遍歷。

var arr = ['a','b','c'];
for(var i=0;i<arr.length;i++){
    console.log(i);
}

1626168789795

下標是數字。

var arr = ['a','b','c'];
for(var i in arr){
    console.log(i);
}

1626168817084

下標是字元串。所以for in的語法更適合遍歷對象，為了避免不必要的錯誤，儘量不要用這種語法來遍曆數組。

四、數組練習

  1. 利用for迴圈求數字數組中所有元素的和

    var arr = [10,20,30,40,50];
var sum = 0;
for(var i = 0;i < arr.length; i++){
	sum += arr[i];
}
console.log(sum);

  2. 有一個數組，具體內容如下：

    var arr = [
    "越南被曝咖啡造假：咖啡粉里摻加電池芯",
    "抗日神劇被當教材：機密文件居然有女優名字",
    "王俊凱任聯合國大使：系最年輕的聯合國大使",
    "行人闖紅燈遭水噴 目前還在測試階段",
    "68條魚估價超600萬 什麼魚要這麼貴？"
]

    利用迴圈使用js做出如下圖效果：

    1564374963930

    var arr = [
    "越南被曝咖啡造假：咖啡粉里摻加電池芯",
    "抗日神劇被當教材：機密文件居然有女優名字",
    "王俊凱任聯合國大使：系最年輕的聯合國大使",
    "行人闖紅燈遭水噴 目前還在測試階段",
    "68條魚估價超600萬 什麼魚要這麼貴？"
];
document.write("<ul>");
for(var i=0;i<arr.length;i++){
	document.write("<li>"+arr[i]+"</li>");
}
document.write("</ul>")

  3. 求數組中的最大值

    var arr = [1,9,3,6,8,5,4,7,2,12];
// 求出最大值
var length = arr.length;
var max = arr[0];
for(var i=1;i<length;i++){
    if(max<arr[i]){
        max = arr[i];
    }
}
console.log(max);

  4. 把1~100這個100個數字存到數組中

    var arr = [];
for(var i=1;i<=100;i++){
    arr[arr.length] = i
}

  5. 整理數組數據，模擬京東的商品列表

    1626169345806

    <script>
    var arr = [
    {
        goodsImg:'https://img30.360buyimg.com/seckillcms/s140x140_jfs/t1/186995/37/12433/183771/60e7ffb3E1b78db87/c5696abfd650ef64.jpg.webp',
        goodsname:'榮耀暢玩20 手機 老人機 學生智能機 【咨詢加贈華為原裝Type-C線】 幻夜黑 全網通(6G+128G)',
        goodsoldprice:'1399',
        goodsnowproce:'1029'
    },
    {
        goodsImg:'https://img20.360buyimg.com/seckillcms/s140x140_jfs/t1/116335/26/233/214256/5e8998c4E3b5fc871/ec122a9622175d7e.jpg.webp',
        goodsname:'【純銀999十二生肖七彩建盞】【配銀飾鑒定證+禮盒+禮盒袋+收藏證書】天目釉原礦鐵胎茶盞主人杯茶具茶 純手工七彩盞-蓮花純銀999',
        goodsoldprice:'659',
        goodsnowproce:'199'
    },
    {
        goodsImg:'https://img12.360buyimg.com/seckillcms/s140x140_jfs/t1/182318/5/13135/123400/60e55430E14b60a71/070af11351a8de90.jpg.webp',
        goodsname:'風味坐標 手撕牛肉乾 400g(經典原味)  內蒙古錫林浩特特產 高蛋白休閑零食',
        goodsoldprice:'229',
        goodsnowproce:'69'
    },
    {
        goodsImg:'https://img11.360buyimg.com/seckillcms/s140x140_jfs/t1/185818/10/12878/72765/60e41060Ed9ebc1a3/5fa7730180a53328.jpg.webp',
        goodsname:'蔬果園藍風鈴香水洗衣液除菌液母嬰可用持久留香酵素英式香氛香味洗衣液潔凈家庭組合套裝 藍風鈴2kg*3+500g*5袋+留香珠18g*2',
        goodsoldprice:'159',
        goodsnowproce:'119'
    },
];
// 遍曆數組，輸出標簽
for(var i=0;i<arr.length;i++){
    document.write('<li>');
    document.write('<img src="'   +  arr[i].goodsImg  +   '">');
    document.write('<h4>'+arr[i].goodsname+'</h4>');
    document.write('<b>'+arr[i].goodsnowproce+'</b>');
    document.write('<span>'+arr[i].goodsoldprice+'</span>');
    document.write('</li>');
}
</script>
<style>
li{
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 140px;
    height: 190px;
    border:1px solid #000;
    float:left;
    margin:0 10px;
}
li h4{
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    margin: 0;
}
</style>

五、基礎類型和引用類型

js中允許出現的數據：number、string、boolean、null、undefined、{}、[]、function

根據不同類型的數據存儲方式以及賦值方式的不同，我們將數據分為兩類：基本類型和引用類型。

基礎數據類型：number、string、boolean、undefined、null

引用數據類型：[]、function, {}

基礎類型和引用類型的區別：

  1. 存儲方式不同

    基礎類型將值存在棧記憶體中；引用類型將值存在堆記憶體中，將堆記憶體的記憶體地址存在棧中。

    var a = 1;
var obj = {name:"張三",age:12}

    1626255581370

  2. 賦值過程不同

    基礎類型賦值時，將值複製給另一個變數；引用類型賦值時，將棧中的地址複製給別的變數。

    var a = 1
var b = a;
a = 2;
console.log(b) // 2

    1626255849125

    複製值以後，修改其中一個，另一個不會受到影響。

    var arr = ['a','b','c'];
var brr = arr;
arr[0] = 'd'
console.log(brr) // ['d','b','c'];

    1626256572885

    當改變其中一個變數中的值，另一個變數中的值也會發生改變。

  3. 全等的比較規則不同

    基礎類型全等比較的時候，比較類型和值；

    var a = 1;
var b = 1;
console.log(a === b)

    引用類型全等比較的時候比較棧中存的記憶體地址是否相同。

    var arr = [1,2,3];
var brr = [1,2,3]
console.log(arr === brr)

註意：直接給變數賦值，一定會將變數棧空間中內容清空，然後重新放入新數據。

六、數組方法

如何給數組的開頭添加一個元素？

var arr = ['a','b','c']
for(var i=arr.length-1;i>=0;i++){
    arr[i+1] = arr[i]
}
arr[0] = 'd'
console.log(arr)

這樣操作起來比較複雜。為了方便我們對數組進行操作，js提供了一些方法，可以快速的操作數組：

  • unshift - 給數組開頭添加一個或多個元素 - 返回數組新長度

    var arr = ['a','b','c'];
var l = arr.unshift('d')
console.log(arr) // ['d','a','b','c']
console.log(l) // 4

  • push - 給數組的末尾添加一個或多個元素 - 返回數組新長度

    var arr = ['a','b','c'];
var l = arr.push('d')
console.log(arr) // ['a','b','c','d']
console.log(l) // 4

  • shift - 刪除數組的第一個元素 - 返回被刪掉的元素

    var arr = ['a','b','c'];
var ele = arr.shift()
console.log(arr) // ['b','c']
console.log(ele) // 'a'

  • pop - 刪除數組最後一個元素 - 返回被刪掉的元素

    var arr = ['a','b','c'];
var ele = arr.pop()
console.log(arr) // ['a','b']
console.log(ele) // 'c'

  • splice - 對數組做增、刪、改的操作

    var arr = ['a','b','c']
// 改 - 參數1：開始下標；參數2：刪除的個數；參數3：在刪除的位置放上的新的元素 - 可以是多個
arr.splice(1,1,'d') // ['a','d','c']
// 增
arr.splice(1,0,'d') // ['a','d','b','c'] - 刪除0個，就是不刪除，然後放上新元素
// 刪 - 第三個參數可以省略
arr.splice(1,0) // ['a','c']

  • concat - 數組的拼接

    var arr = ['a','b','c'];
var brr = ['d','e','f'];
// 將arr和brr合成一個更大的數組
var crr = arr.concat(brr) // ['a','b','c','d','e','f']
// 將一個或多個值和數組合併成一個大數組
var crr = arr.concat(1,2,3)// ['a','b','c',1,2,3]

  • sort - 數組的排序

    var arr = [9,5,3,7,1,6,4,8,2];
arr.sort() // 預設升序
console.log(arr) // [1,2,3,4,5,6,7,8,9]
arr.sort(function(a,b){ // a代表前面的數，b代表後面的數
    return a-b; // 升序 - 如果前面的數-後面的數>0，則交換位置
    return b-a; // 降序 - 如果後面的數-前面的數>0，則交換位置
})

  • reverse - 數組的反轉

    var arr = ['a','b','c'];
arr.reverse()
console.log(arr) // ['c','b','a']

  • join - 將數組中的元素使用指定的連接符連接在一起

    var arr = ['a','b','c'];
var str = arr.join('_') // 參數是連接符
console.log(str) // a_b_c

var str = arr.join() // 預設使用逗號連接
console.log(str) // a,b,c

var str = arr.join('')
console.log(str) // abc

  • slice - 截取數組

    var arr = ['a','b','c','d','e','f'];
// 將數組中的 'b','c','d'截取出來，組成新的數組
var brr = arr.slice(1,4) // 參數1是開始截取的下標，參數2是截取的結束下標，結果中不包含結束下標對應的元素
console.log(brr) // ['b','c','d']
// 如果省略第2個參數，預設從開始下標截取到數組末尾
var crr = arr.slice(1)
console.log(crr) // ['b','c','d','e','f']

  • indexOf方法

    查找某個元素在數組中第一次出現的位置

    語法：

    arr.indexOf(元素,[開始查找的起始下標]);
# 參數1：將要查找的元素
# 參數2：可選項。從哪個下標開始往後查找
# 返回值：如果找到了，就返回這個元素在數組中的下標，如果沒有找到，就返回-1

    例：

    var arr = [1,3,5,7,7,5,3,1];
console.log(arr.indexOf(5)); // 2 - 查找數字5在數組中第一次出現的下標
console.log(arr.lastIndexOf(5)); // 5 - 查找數字5在數組中最後一次出現的位置
console.log(arr.indexOf(5,3)); // 5 - 從下標2開始查找數字5在數組中第一次出現的位置
console.log(arr.lastIndexOf(5,4)); // 2 - 從下標4開始查找數字5在數組中最後一次出現的下標
console.log(arr.indexOf("5")); // -1 - 數組中全是數字，找不到字元串5，所以返回-1

  • forEach方法

    用於遍曆數組

    語法：

    arr.forEach(function(值, 下標, 當前數組){
	// 代碼段
});
# 在這個方法中需要傳入一個函數參數，這個函數的參數說明如下：
# 參數1：數組遍歷出來的每個值
# 參數2：可選項。數組遍歷出來的每個值對應的下標
# 參數3：可選項。被遍歷的當前數組

    例：

    var arr = [1, 2, 3, 4, 5];
arr.forEach(function(x, index, a){
	console.log(x + '|' + index + '|' + (a === arr));
});
// 輸出為：
// 1|0|true
// 2|1|true
// 3|2|true
// 4|3|true
// 5|4|true

    使用說明：

    這個方法沒有返回值，返回值為undefined，不會改變原來數組的值。

  • map方法

    遍曆數組，並將每個元素經過函數處理後，形成新的元素，所有新元素組成新數組返回

    語法：

    arr.map(function(值，下標，當前數組){
	return 新的值 - 通常新的值是由舊的值處理以後得到
});

    例：

    var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(function(item){
	return item*item;
});
console.log(arr2); //[1, 4, 9, 16, 25]

    使用說明：

    這個方法主要用於以同樣的規則處理數組中的每個值，並組成新的數組返回

  • filter方法

    將數組中滿足指定條件的值，組成新的數組返回

    語法：

    arr.filter(function(值, 下標, 當前數組){
	return 篩選條件
});

    例：

    var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var arr2 = arr.filter(function(v, index) {
	return v>5
}); 
console.log(arr2); //[6, 7, 8, 9, 10]

    使用說明：

    使用方法和功能跟map方法很像，只是運行規則不一樣。map方法中的函數，用於返回新的元素，而filter方法中的函數，根據返回true或false來篩選元素

  • reduce方法

    用於數組求和

    語法：

    arr.reduce(function(a, b){
	return a + b
});

    其中a第一次的時候，表示第一個元素，第二次開始表示上一次返回的數據，b第一次表示第二個元素，第二個開始表示第三個元素、第四個元素。。。

  • some - 判斷數組中是否至少有一個元素是滿足指定條件的，返回布爾值

    語法：

    布爾值 = 數組.some(function(v,i,a){
    return 條件;
})
// 上面的i和a是可選參數

    例：判斷所有成績中是否有不及格的成績

    var arr = [68,95,78,56,86,63];
var bool = arr.some(function(v,i,a){
    return v<60;
});
console.log(bool); // true

    some內置的原理，遍曆數組，判斷每個值是否滿足條件，有滿足的就返回true，並break迴圈，遍歷完以後都沒有一個是滿足的，返回false

    var arr = [68,95,78,56,86,63];
var k = 0
var bool = arr.some(function(v,i,a){
    k++
    return v<60;
});
console.log(bool); // true
console.log(k); // 4

var arr = [68,95,78,66,86,63];
var k = 0
var bool = arr.some(function(v,i,a){
    k++
    return v<60;
});
console.log(bool); // false
console.log(k); // 6

  • every - 判斷數組中是否所有元素都滿足指定的條件，返回布爾值

    語法：

    布爾值 = 數組.every(function(){
    return 條件
})
// 上面的i和a是可選參數

    例：判斷是否所有成績都及格了

    var arr = [68,95,78,56,86,63];
var bool = arr.some(function(v,i,a){
    return v>60;
});
console.log(bool); // false

    every內置的原理，遍曆數組，判斷每個值是否滿足條件，有不滿足的就返回false，並break迴圈，遍歷完以後都滿足，返回true

    var arr = [68,95,78,56,86,63];
var k = 0
var bool = arr.every(function(v,i,a){
    k++
    return v>60;
});
console.log(bool); // false
console.log(k); // 4

var arr = [68,95,78,66,86,63];
var k = 0
var bool = arr.every(function(v,i,a){
    k++
    return v>60;
});
console.log(bool); // true
console.log(k); // 6

  • find - 查找數組中第一個滿足指定條件的值，找到返回值，找不到返回undefined

    語法：

    值 = 數組.find(function(v,i,a){
    return 條件
})
// 上面的i和a是可選參數

    例：找出所有成績中第一個不及格的成績

    var arr = [68,95,78,56,86,63];
var ele = arr.find(function(v,i,a){
    return v<60
})
console.log(ele); // 56

    find的原理，遍曆數組，判斷每個元素是否滿足條件，滿足就返回這個元素，並break迴圈，如果遍歷完了都沒有滿足條件的，就返回undefined

    var arr = [68,95,78,56,55,86,63];
var k = 0
var ele = arr.find(function(v,i,a){
    k++
    return v<60;
});
console.log(ele); // 56
console.log(k); // 4

var arr = [68,95,78,66,86,63];
var k = 0
var ele = arr.find(function(v,i,a){
    k++
    return v<60;
});
console.log(ele); // undefined
console.log(k); // 6

  • findIndex - 查找數組中滿足條件的第一個對應的下標，找到返回下標，找不到返回-1

    語法：

    下標 = 數組.findIndex(function(v,i,a){
    return 條件
})
// 上面的i和a是可選參數

    例：找出所有成績中第一個不及格的成績的下標

    var arr = [68,95,78,56,86,63];
var index = arr.find(function(v,i,a){
    return v<60
})
console.log(index); // 3

    findIndex的原理，遍曆數組，判斷每個元素是否滿足條件，滿足就返回這個元素的下標，並break迴圈，如果遍歷完了都沒有滿足條件的，就返回-1

    var arr = [68,95,78,56,55,86,63];
var k = 0
var index = arr.find(function(v,i,a){
    k++
    return v<60;
});
console.log(index); // 3
console.log(k); // 4

var arr = [68,95,78,66,86,63];
var k = 0
var index = arr.find(function(v,i,a){
    k++
    return v<60;
});
console.log(index); // -1
console.log(k); // 6

七、冒泡排序

相鄰兩個元素進行比較，將一個數組中的數字使用迴圈進行升序或降序的排列

var arr = [3,2,1]; // ---> [1,2,3]
// 相鄰的元素比較，就是下標i的元素跟下標i+1的元素比較 - 所以迴圈要比正常的遍歷少一次
for(var i=0;i<arr.length-1;i++){
    // 如果前面的元素比後面的元素大
    if(arr[i]>arr[i+1]){
    	// 則交換位置
        var tmp = arr[i]
        arr[i] = arr[i+1]
		arr[i+1] = tmp
    }
}
// 這個迴圈結束後，arr變為：[2,1,3]
// 所以需要繼續排列
for(var i=0;i<arr.length-1;i++){
    // 如果前面的元素比後面的元素大
    if(arr[i]>arr[i+1]){
    	// 則交換位置
        var tmp = arr[i]
        arr[i] = arr[i+1]
		arr[i+1] = tmp
    }
}
// 這個迴圈結束後，arr變為：[1,2,3]
// 兩個迴圈代碼是重覆的，所以用迴圈處理。3個元素迴圈兩次，4個元素迴圈3次，所以迴圈重覆的次數也是數組長度-1
for(var j=0;j<arr.length-1;j++){
    for(var i=0;i<arr.length;i++){
        if(arr[i]>arr[i+1]){
        	var tmp = arr[i]
            arr[i] = arr[i+1]
            arr[i+1] = tmp
        }
    }
}
// 如果要降序排序，就將判斷條件中的>改為<即可

八、選擇排序

降序：先找最大值，排在最左邊，再找第二大的值，往左邊靠...，已經排好的，不再參與比較

var arr = [3,2,1]; // ---》 [1,2,3]
// arr[0]放最小的值，所以將arr[0]跟後面所有值比較，如果有比arr[0]更小的，就跟arr[0]交換位置
for(var i=1;i<arr.length;i++){
    if(arr[0]>arr[i]){
    	var tmp = arr[0]
        arr[0] = arr[i]
        arr[i] = tmp
    }
}
// 此時的數組：[1,3,2]
// 第1個位置的數字排好了，排第2個位置上的數字
// arr[1]放剩下的數字中最小的，使用arr[1]跟後面的數字比較，如果有比arr[1]更小的，就跟arr[1]交換位置
for(var i=2;i<arr.length;i++){
    if(arr[1]>arr[i]){
    	var tmp = arr[1]
        arr[1] = arr[i]
        arr[i] = tmp
    }
}
// 此時的數組：[1,2,3]
// 重覆代碼用迴圈處理，3個數排2次，4個數排3次
for(var j=0;j<arr.length-1;j++){
    for(var i=j+1;i<arr.length;i++){
        if(arr[j]>arr[i]){
        	var tmp = arr[j]
            arr[j] = arr[i] 
            arr[i] = tmp
        }
    }
}
// 如果要進行降序排列，就將判斷條件中的>換成<即可

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 深入理解 SQL UNION 運算符及其應用場景
    SQL UNION運算符 SQL UNION運算符用於組合兩個或多個SELECT語句的結果集。 每個UNION中的SELECT語句必須具有相同數量的列。 列的數據類型也必須相似。 每個SELECT語句中的列也必須按照相同的順序排列。 UNION語法 SELECT column_name(s) FRO ...
  • 聊聊分散式 SQL 資料庫Doris(七)
    LSM-Tree Doris的存儲結構是類似LSM-Tree設計的，因此很多方面都是通用的，先閱讀瞭解LSM相關的知識，再看Doris的底層存儲與讀取流程會清晰透徹很多，如下是幾個關鍵的設計: SSTable: Sorted Strings Table; 一般由一組數據block和一組元數據bloc ...
  • UData+StarRocks在京東物流的實踐
    數據服務與數據分析場景是數據團隊在數據應用上兩個大的方向，行業內大家有可能會遇到很多問題，數據服務和數據分析系統也是無法統一，分析產生的數據結果往往是離線的，需要額外開發數據服務，無法快速轉化為線上服務賦能外部系統，使得分析和服務之間難以快速形成閉環。而且在以往數據加工過程中存儲往往只考慮了當時的需... ...
  • 數倉性能調優：row_number() over(p)-rn=1性能瓶頸發現和改寫套路
    本篇針對row_number() over(partition by order by) rn，並僅把rn列用於分類排序後篩選最大值的場景，分析了性能瓶頸的原因，並給出了兩種改進方案。 ...
  • HarmonyOS 開發入門（二）
    HarmonyOS 開發入門（二） 日常逼逼叨 在HarmonyOS 開發入門（一）中我們描述了 HarmonyOS 開發的語言ArKTs以及Ts簡單的入門級語法操作，接下來我們進入第二部分HarmonyOS開發編輯器以及helloWorld項目創建，有任何說的不合理的地方，希望各位看官老爺批評指正 ...
  • HarmonyOS 開發入門（一）
    HarmonyOS 開發入門（一） 日常逼逼叨 因為本人之前做過一些Android相關的程式開發，對移動端的開發興趣比較濃厚，近期也瞭解到了一些關於華為HarmonyOS 4.0 的事件熱點，結合黑馬相關教學視頻以及一些相關的技術博客，對HarmonyOS開發做一個知識總結，有任何說的不合理的地方， ...
  • Android app相容低版本Java環境
    原文地址: Android app相容低版本Java環境 - Stars-One的雜貨小窩 起因是修複一個Bug遇到的問題,找到了一個可以讓app相容低版本java的方法 眾所周知,Android版本更新後,其內置的JRE環境也隨之更新了 假如我們在app中用到了JDK8的特有的屬性,而用戶的手機設 ...
  • 前端出現變數map未定義
    原來錯誤代碼 mounted() { .... this.map.addEventListener("click", function(e){//地圖單擊事件 var geocoder = new BMap.Geocoder(); var point = new BMap.Point(e.latln ...
一周排行
    -Advertisement-
    Play Games
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類