JS 數組操作

来源:https://www.cnblogs.com/fishlittle/archive/2023/07/15/17389719.html
-Advertisement-
Play Games

JS數組操作如下： ```javascript // at(), 用於接收一個整數值並返回該索引對應的元素，允許正數和負數。負整數從數組中的最後一個元素開始倒數 const arr = [{name: 'a', age: 15}, {name: 'b', age: 12}, {name: 'c', ...


JS數組操作如下：

// at(), 用於接收一個整數值並返回該索引對應的元素，允許正數和負數。負整數從數組中的最後一個元素開始倒數
const arr = [{name: 'a', age: 15}, {name: 'b', age: 12}, {name: 'c', age: 13}, {name: 'd', age: 12}, {name: 'e', age: 12}];
console.log(arr.at(1)); // {name: 'b', age: 12}
console.log(arr.at(-3)); // {name: 'c', age: 13}

// concat(), 用於連接兩個或多個數組，該方法不會改變現有的數組，而是返回一個新的數組
const arr1 = [1,2,3];
const arr2 = [6,5,4];
console.log(arr1.concat(arr2), arr1, arr2);

// copyWithin(), 用於從數組的指定位置拷貝元素到數組的另一個指定位置中，會改變原數組
// copyWithin(target, start, end)
// target: 必需。複製到指定目標索引位置
// start: 可選。元素複製的起始位置
// end: 可選。停止複製的索引位置 (預設為 array.length)。如果為負值，表示倒數。
const fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
fruits.copyWithin(2, 0, 2);

// entries(), 返回一個數組的迭代對象，該對象包含數組的鍵值對 (key/value)。迭代對象中數組的索引值作為 key， 數組元素作為 value。
let fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.entries());

// every(function), 用於檢測數組所有元素是否都符合指定條件（通過函數提供）,不會對空數組進行檢測,不會改變原始數組
// 如果數組中檢測到有一個元素不滿足，則整個表達式返回 false ，且剩餘的元素不會再進行檢測
// 如果所有元素都滿足條件，則返回 true
let arr = [{name: 'a', age: 15}, {name: 'b', age: 12}, {name: 'c', age: 13}, {name: 'd', age: 12}, {name: 'e', age: 12}];
let res1 = arr.every(el => el.age > 10);
let res2 = arr.every(el => el.age >= 15);
console.log(res1, res2); // true false

// fill(value, start, end), 用於將一個固定值替換數組的元素
// value: 必需。填充的值 
// start: 可選。開始填充位置 
// end: 可選。停止填充位置 (預設為 array.length)
let fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.fill("Runoob", 2, 4); // ['Banana', 'Orange', 'Runoob', 'Runoob']

// filter(function), 方法創建一個新的數組，新數組中的元素是通過檢查指定數組中符合條件的所有元素，不會對空數組進行檢測，不會改變原始數組
let arr = [1,2,3,5,7,8,9,2,4,5];
let res1 = arr.filter(el => el> 5);
console.log(res1, arr); //[7, 8, 9], [1, 2, 3, 5, 7, 8, 9, 2, 4, 5]

// find(function) 返回通過測試（函數內判斷）的數組的第一個元素的值, 沒有改變數組的原始值
// 為數組中的每個元素都調用一次函數執行：
//   當數組中的元素在測試條件時返回 true 時, find() 返回符合條件的元素，之後的值不會再調用執行函數
//   如果沒有符合條件的元素返回 undefined
//   對於空數組，函數是不會執行的
// array.find(function(currentValue, index, arr),thisValue)
/**
 * array.find(function(currentValue, index, arr),thisValue)
 * currentValue	必需。當前元素
 * index: 可選。當前元素的索引值
 * arr: 可選。當前元素所屬的數組對象
 * thisValue: 可選。傳遞給函數的值一般用 "this" 值。如果這個參數為空， "undefined" 會傳遞給 "this" 值
 */
let arr = [{a:2},{a:1},{a:5},{a:3},{a:1}];
let res = arr.find((item, index, items) => {
    console.log(item, index, items)
    return item.a === 3;
})
console.log(res);//{a:3}

// findIndex() 返回傳入一個測試條件（函數）符合條件的數組第一個元素位置, 沒有改變數組的原始值
// 為數組中的每個元素都調用一次函數執行：
//   當數組中的元素在測試條件時返回 true 時, findIndex() 返回符合條件的元素的索引位置，之後的值不會再調用執行函數
//   如果沒有符合條件的元素返回 -1
//   對於空數組，函數是不會執行的
/**
 * array.findIndex(function(currentValue, index, arr), thisValue)
 * currentValue: 必需。當前元素
 * index: 可選。當前元素的索引
 * arr: 可選。當前元素所屬的數組對象
 * thisValue: 可選。 傳遞給函數的值一般用 "this" 值。如果這個參數為空， "undefined" 會傳遞給 "this" 值
 */
let arr = [{a:2},{a:1},{a:5},{a:3},{a:1}];
let res = arr.findIndex((item, index, items) => {
    console.log(item, index, items)
    return item.a === 3;
})
console.log(res);//3

// findLast() 返回通過測試（函數內判斷）的數組從後向前查找的第一個元素的值, 沒有改變數組的原始值
// 為數組中的每個元素都調用一次函數執行：
//   當數組中的元素在測試條件時返回 true 時, findLast() 返回符合條件的元素，之後的值不會再調用執行函數
//   如果沒有符合條件的元素返回 undefined
//   對於空數組，函數是不會執行的
// array.findLast(function(currentValue, index, arr),thisValue)
/**
 * array.findLast(function(currentValue, index, arr),thisValue)
 * currentValue	必需。當前元素
 * index: 可選。當前元素的索引值
 * arr: 可選。當前元素所屬的數組對象
 * thisValue: 可選。傳遞給函數的值一般用 "this" 值。如果這個參數為空， "undefined" 會傳遞給 "this" 值
 */
let arr = [{a:2},{a:1},{a:5},{a:3},{a:1}];
let res = arr.findLast((item, index, items) => {
    console.log(item, index, items)
    return item.a === 3;
})
console.log(res);//{a:3}

// findLastIndex() 返回傳入一個測試條件（函數）符合條件的數組從後向前查找的第一個元素位置, 沒有改變數組的原始值
// 為數組中的每個元素都調用一次函數執行：
//   當數組中的元素在測試條件時返回 true 時, findLastIndex() 返回符合條件的元素的索引位置，之後的值不會再調用執行函數
//   如果沒有符合條件的元素返回 -1
//   對於空數組，函數是不會執行的
/**
 * array.findLastIndex(function(currentValue, index, arr), thisValue)
 * currentValue: 必需。當前元素
 * index: 可選。當前元素的索引
 * arr: 可選。當前元素所屬的數組對象
 * thisValue: 可選。 傳遞給函數的值一般用 "this" 值。如果這個參數為空， "undefined" 會傳遞給 "this" 值
 */
let arr = [{a:2},{a:1},{a:5},{a:3},{a:1}];
let res = arr.findLastIndex((item, index, items) => {
    console.log(item, index, items)
    return item.a === 3;
})
console.log(res);//3

// flat() 方法會按照一個可指定的深度遞歸遍曆數組，並將所有元素與遍歷到的子數組中的元素合併為一個新數組返回
// flat會移除數組中的空項
// flat返回一個包含將數組與子數組中所有元素的新數組
/**
 * flat()
 * flat(depth)
 * depth: 指定要提取嵌套數組的結構深度，預設值為 1。
 */
let arr1 = [1, 2, [3, 4]];
arr1.flat();// [1, 2, 3, 4]

let arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();// [1, 2, 3, 4, [5, 6]]

let arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);// [1, 2, 3, 4, 5, 6]

//使用 Infinity，可展開任意深度的嵌套數組
let arr4 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]];
arr4.flat(Infinity);// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

//扁平化與數組空項：flat() 方法會移除數組中的空項：
var arr5 = [1, 2, , 4, 5];
arr4.flat();// [1, 2, 4, 5]

// flatMap() 方法首先使用映射函數映射每個元素，然後將結果壓縮成一個新數組。它與 map 連著深度值為 1 的 flat 幾乎相同，但 flatMap 通常在合併成一種方法的效率稍微高一些。
// 返回新的數組，其中每個元素都是回調函數的結果，並且結構深度 depth 值為 1
/**
 * flatMap(function(currentValue, index, array) {  }, thisArg)
 * currentValue: 當前正在數組中處理的元素
 * index: 可選的。數組中正在處理的當前元素的索引
 * array: 可選的。被調用的 map 數組
 * thisArg: 可選的。執行 callback 函數時 使用的this 值
 */
var arr1 = [1, 2, 3, 4];
arr1.map(x => [x * 2]);// [[2], [4], [6], [8]]
arr1.flatMap(x => [x * 2]);// [2, 4, 6, 8]
// only one level is flattened
arr1.flatMap(x => [[x * 2]]);// [[2], [4], [6], [8]]

let arr2 = ["it's Sunny in", "", "California"];
arr2.map(x => x.split(" "));// [["it's","Sunny","in"],[""],["California"]]
arr2.flatMap(x => x.split(" "));// ["it's","Sunny","in", "", "California"]

let a = [5, 4, -3, 20, 17, -33, -4, 18];
let b = a.flatMap( (n) =>
    (n < 0) ? [] :
    (n % 2 == 0) ? [n] :
    [n-1, 1]
)
console.log(b);// [4, 1, 4, 20, 16, 1, 18]

// forEach() 用於調用數組的每個元素，並將元素傳遞給回調函數，對於空數組是不會執行回調函數
/**
 * array.forEach(callbackFn(currentValue, index, arr), thisValue)
 * currentValue: 必需。當前元素
 * index: 可選, 當前元素的索引值
 * arr: 可選。當前元素所屬的數組對象
 * thisValue: 可選。傳遞給函數的值一般用 "this" 值。如果這個參數為空， "undefined" 會傳遞給 "this" 值
 */
// forEach() 本身是不支持的 continue 與 break 語句的，我們可以通過 some 和 every 來實現。
// 使用 return 語句實現 continue 關鍵字的效果：
let arr = [1, 2, 3, 4, 5];
arr.forEach(function (item) {
    if (item === 3) return;
    console.log(item); // 1 2  4 5，跳過了3
});

// includes() 用來判斷一個數組是否包含一個指定的值，如果是返回 true，否則false
/**
 * arr.includes(searchElement, fromIndex)
 * searchElement: 必須。需要查找的元素值
 * fromIndex: 可選。從該索引處開始查找 searchElement。如果為負值，則按升序從 array.length + fromIndex 的索引開始搜索。預設為 0。
 */
let arr = [1,2,3,4,5,6];
console.log(arr.includes(3));// true
console.log(arr.includes(2, 3));// false
console.log(arr.includes(4, -3));// true

// indexOf() 返回數組中某個指定的元素位置
// 該方法將從頭到尾地檢索數組，看它是否含有對應的元素
// 開始檢索的位置在數組 start 處或數組的開頭（沒有指定 start 參數時）
// 如果找到一個 item，則返回 item 的第一次出現的位置。開始位置的索引為 0。
// 如果在數組中沒找到指定元素則返回 -1
/**
 * array.indexOf(item,start)
 * item: 必須。查找的元素
 * start: 可選的整數參數。規定在數組中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該參數，則將從字元串的首字元開始檢索。
 */
let fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
conosle.log(fruits.indexOf("Apple",4)); // 6

// join() 用於把數組中的所有元素轉換一個字元串,元素是通過指定的分隔符進行分隔的
/**
 * array.join(separator)
 * separator: 可選。指定要使用的分隔符。如果省略該參數，則使用逗號作為分隔符。
 */
let fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.join(" and ")); //Banana and Orange and Apple and Mango

// keys() 此方法用於從數組創建一個包含數組鍵的可迭代對象
// 如果對象是數組返回 true，否則返回 false
let fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.keys();

// lastIndexOf() 此方法可返回一個指定的元素在數組中最後出現的位置，從該字元串的後面向前查找
// 如果要檢索的元素沒有出現，則該方法返回 -1
/**
 * array.lastIndexOf(item,start)
 * item：必需。規定需檢索的字元串值
 * start：可選的整數參數。規定在字元串中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1
 * 如省略該參數，則將從字元串的最後一個字元處開始檢索
 */
let numbers = [2, 3, 4, 1, 2, 3, 4];
console.log(numbers.lastIndexOf(2)); // 4

// map() 此方法返回一個新數組，數組中的元素為原始數組元素調用函數處理後的值
// 不會對空數組進行檢測，不會改變原始數組
/**
 * array.map(function(currentValue,index,arr), thisValue)
 * currentValue：必須。當前元素的值
 * index：可選。當前元素的索引值
 * arr：可選。當前元素屬於的數組對象
 * thisValue：可選。對象作為該執行回調時使用，傳遞給函數，用作 "this" 的值
 * 如果省略了 thisValue，或者傳入 null、undefined，那麼回調函數的 this 為全局對象
 */
let numbers = [1, 2, 3, 4];
let newNums = numbers.map(el => el * 2);
console.log(newNums); //[2,4,6,8]

// pop() 此方法用於刪除數組的最後一個元素並返回刪除的元素，此方法改變數組的長度
const sites = ['Google', 'Runoob', 'Taobao', 'Zhihu', 'Baidu'];
console.log(sites.pop());// 輸出結果為: "Baidu"
console.log(sites);// 輸出結果為: ['Google', 'Runoob', 'Taobao', 'Zhihu']

// push() 此方法可向數組的末尾添加一個或多個元素，並返回新的長度
// 此方法改變數組的長度
let numbers = [1, 2, 3, 4];
numbers.push(5);// 5
console.log(numbers);// [1, 2, 3, 4, 5]

// reduce() 此方法接收一個函數作為累加器，數組中的每個值（從左到右）開始縮減，最終計算為一個值
/**
 * array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
 * total: 必需。初始值, 或者計算結束後的返回值
 * currentValue: 必需。當前元素
 * currentIndex: 可選。當前元素的索引
 * arr: 可選。當前元素所屬的數組對象
 * initialValue: 可選。傳遞給函數的初始值
 */
let numbers = [1, 2, 3, 4];
function getSum(total, num) {
    return total + Math.round(num);
}
numbers.reduce(getSum, 0);//10

// reduceRight() 方法的功能和 reduce() 功能是一樣的
// 不同的是 reduceRight() 從數組的末尾向前將數組中的數組項做累加
// 對於空數組是不會執行回調函數的
/**
 * array.reduceRight(function(total, currentValue, currentIndex, arr), initialValue)
 * total: 必需。初始值, 或者計算結束後的返回值。
 * currentValue: 必需。當前元素
 * currentIndex: 可選。當前元素的索引
 * arr: 可選。當前元素所屬的數組對象。
 * initialValue: 可選。傳遞給函數的初始值
 */
let nums = [3,4,5,6,7,8];
let all = nums.reduceRight((total, currentValue, currentIndex, arr) => {
    console.log(total, currentValue, currentIndex, arr);
    if(currentValue % 2 === 0){
        return total - currentValue;
    }
    return currentValue;
});
console.log(all);

// reverse() 用於顛倒數組中元素的順序
let ips = [1,2,3,4,5];
console.log(ips.reverse());//[5, 4, 3, 2, 1]

// shift() 用於把數組的第一個元素從其中刪除，並返回第一個元素的值, 此方法改變數組的長度
let stu = [3,2,4,1,5,6,8];
console.log(stu.shift(), stu);//3  [2, 4, 1, 5, 6, 8]

// slice() 可從已有的數組中返回選定的元素; 可提取字元串的某個部分，並以新的字元串返回被提取的部分; 不會改變原始數組
/**
 * array.slice(start, end)
 * start: 可選。規定從何處開始選取。如果該參數為負數，則表示從原數組中的倒數第幾個元素開始提取，slice(-2) 表示提取原數組中的倒數第二個元素到最後一個元素（包含最後一個元素）
 * end: 可選。規定從何處結束選取。該參數是數組片斷結束處的數組下標。如果沒有指定該參數，那麼切分的數組包含從 start 到數組結束的所有元素。如果該參數為負數， 則它表示在原數組中的倒數第幾個元素結束抽取。 slice(-2,-1) 表示抽取了原數組中的倒數第二個元素到最後一個元素（不包含最後一個元素，也就是只有倒數第二個元素）
 * 返回一個新的數組，包含從 start（包括該元素） 到 end （不包括該元素）的 arrayObject 中的元素
 */
let children = [1,2,3,4,5,6,7,8];
console.log(children.slice(2, 5));//[3, 4, 5]
console.log(children.slice(2, -2));//[3, 4, 5, 6]
console.log(children.slice(-5, -1));//[4, 5, 6, 7]

// some() 用於檢測數組中的元素是否滿足指定條件（函數提供）, 不會改變原始數組
// some() 方法會依次執行數組的每個元素：
// 如果有一個元素滿足條件，則表達式返回true , 剩餘的元素不會再執行檢測
// 如果沒有滿足條件的元素，則返回false
// some() 不會對空數組進行檢測
/**
 * array.some(function(currentValue,index,arr),thisValue)
 * function(currentValue,index,arr): 必須。函數，數組中的每個元素都會執行這個函數
 * currentValue: 必須。當前元素的值
 * index: 可選。當前元素的索引值
 * arr: 可選。當前元素屬於的數組對象
 * thisValue: 可選。對象作為該執行回調時使用，傳遞給函數，用作 "this" 的值。如果省略了 thisValue ，"this" 的值為 "undefined"
 */
let people = [2,3,1,5,3,6,7,8,4];
let ressult = people.some((value, index, arr) => {
    console.log(value, index, arr);
    return value === 5;
});
console.log(ressult); // true

// sort() 用於對數組的元素進行排序; 排序順序可以是字母或數字，並按升序或降序; 預設排序順序為按字母升序;
/**
 * array.sort(sortfunction)
 * sortfunction: 可選。規定排序順序。必須是函數
 */
let points = [40,100,1,5,25,10];
//數字排序（數字和升序）
points.sort(function(a,b){return a-b});
console.log(points); //[1, 5, 10, 25, 40, 100]
//數字排序（數字和降序）
points.sort(function(a,b){return b-a;})
console.log(points); //[100, 40, 25, 10, 5, 1]
//數字排序 (字母和降序):
let fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
//升序
console.log(fruits); //['Apple', 'Banana', 'Mango', 'Orange']
fruits.reverse();
console.log(fruits); //['Orange', 'Mango', 'Banana', 'Apple']

// splice() 用於添加或刪除數組中的元素,這種方法會改變原始數組
/**
 * array.splice(index,howmany,item1,.....,itemX)
 * index: 必需。規定從何處添加/刪除元素。該參數是開始插入和（或）刪除的數組元素的下標，必須是數字
 * howmany: 可選。規定應該刪除多少元素。必須是數字，但可以是 "0"。如果未規定此參數，則刪除從 index 開始到原數組結尾的所有元素
 * item1,.....,itemX: 可選。要添加到數組的新元素
 */
let arr = ['eric', 'lee', 'jhon'];
let res = arr.splice(1, 1);
console.log(arr, res); //['eric', 'jhon'] ['lee']

let arr1 = [1,2,3,4,5];
let res1 = arr1.splice(2, 2, 7,8,9);
console.log(arr1, res1); //[1, 2, 7, 8, 9, 5]  [3, 4]

// toLocaleString()

// toReversed()

// toSorted()

// toSpliced()

// toString() 可把數組轉換為字元串，並返回結果，數組元素用逗號分隔
let arr = [1,2,3,4,5];
console.log(arr.toString());// 1,2,3,4,5

// unshift() 可向數組的開頭添加一個或更多元素，並返回新的長度, 該方法將改變數組的數目
let arr = [2,3,4,5,6];
arr.unshift(1,2);// 7
console.log(arr);//[1, 2, 2, 3, 4, 5, 6]

// values() 此方法用於從數組創建一個包含數組鍵的可迭代對象
// 如果對象是數組返回 true，否則返回 false
let arr = [2,3,4,5,6];
arr.values();

// with() // 缺點較多，不建議使用

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

-Advertisement-
Play Games
更多相關文章
  • WPF 實現 Message 消息提醒控制項
    **WPF 實現 Message 消息提醒控制項** > 控 件：Message > > 作 者：WPFDevelopersOrg - **驚鏵** > >[原文鏈接](https://github.com/WPFDevelopersOrg/WPFDevelopers "原文鏈接")：https:// ...
  • Senparc.Weixin SDK 微信平臺開發教程（二十四）：順應 AIGC 應用，自動“續航”回覆超長文本消息
    作用 程式設計過程中，我們經常需要增加一些動態效果，以此改善用戶的使用體驗。本文將介紹一種方法，動態顯示按鈕狀態，使其得到滑鼠焦點後自動放大，失去滑鼠焦點後自動縮小。 效果圖 先放一張原圖（滑鼠還未移動到按鈕上）： 獲得滑鼠焦點的Button按鈕：（這裡因為是圖片，放大不明顯，所以筆者將按鈕字體也一 ...
  • 特殊符號引發的bug，C#去除不可作為文件名的特殊符號
    **背景** 前段時間小編開發了一個控制台程式，把資料庫中的數據取出來按照編碼名稱分別存儲文件，存儲文件之前檢查是否存在當前文件，如果存在刪除。開始小批量的數據還挺順利的，當批量執行問題就來了，每次執行到一半時，創建的文件不增加反而變少了，經過日誌捕捉才發現是欄位里包含特殊符號惹的禍。小編是按照欄位 ...
  • WPF TreeView 檢測SelectedItem變化的簡單方案
    TreeView無法綁定SelectedItem，而又想知道treeview的selecteditem的變化，當然目前有很多方法，我這裡簡單的提供一個。 目前主要思路就是通過處理xaml的TreeViewItem的IsSelected屬性來進行綁定。 <TreeView BorderThicknes ...
  • Linux 運維常用命令
    因為筆者有著大量運維部署站點的需求，所以之前一直在陸陸續續學習並實踐各種`Linux`的`Shell`命令，在此記錄一些高頻命令的使用的說明，方便自己回顧加深記憶 ...
  • 一文讀懂OSS、NAS、EBS有什麼區別？
    本文主要介紹常用的存儲類型及它們之間的對比差異，輔助幫助大家在不同需求和場景下選擇合適的存儲類型。 近期，AIGC、GPT大模型、數據中台等熱點話題備受關註，那麼具體在不同的行業場景下，如何選擇對應的存儲介質呢？選型的時候該考慮哪些因素呢？ 通過本文主要介紹常用的存儲類型及它們之間的對比差異，輔助幫 ...
  • Transform LiveData
    原文地址：https://blog.csdn.net/zhanglei5415/article/details/131434931 ## 一、問題 當對含有中文的url字元串，進行NSURL對象包裝時，是不能被識別的。 不會得到期望的NSURL對象，而是返回一個nil 值 ; ```objectiv ...
  • 【技術積累】Vue.js中的事件【一】
    博客推行版本更新，成果積累制度，已經寫過的博客還會再次更新，不斷地琢磨，高質量高數量都是要追求的，工匠精神是學習必不可少的精神。因此，大家有何建議歡迎在評論區踴躍發言，你們的支持是我最大的動力，你們敢投，我就敢肝 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類