https://jsbin.com/yaxehuq/edit?html,css,output

type myType<T extends unknown[]> = [...T, string]const a: myType<number[]> = [1, 2, 3, 4, 'a']

const temp = [ { id: 0, value: 1 }, { id: 1, value: 2 }, { id: 2, value: 3 }, { id: 0, value: 4 }, { id: 4, value: 5 }];const deleteDuplicate = (arr) => { const idToIndexMap = new Map(); const ans = []; const swap = (i, j, arr) => { const temp = arr[i]; arr[i] = arr[j]; arr[j] = temp; }; for (let i = 0; i < arr.length; ++i) { if (!idToIndexMap.has(arr[i].id)) { ans.push(arr[i]); idToIndexMap.set(arr[i].id, ans.length - 1); } else { const duplicateIdIndex = idToIndexMap.get(arr[i].id); ans.push(arr[i]); swap(ans.length - 1, duplicateIdIndex, ans); ans.pop(); } } return ans;};console.lo

arr.reduce((res, item) => { return item.detail.reduce((list, ci) => { let nobj = {[item.value]: ci} let narr = res.length ? res.map(r => ({...r, ...nobj})) : [nobj] return list.concat(narr) }, [])}, [])

var arr = [{1:1,2:2,3:3,4:4},{1:1,2:2,3:3,4:4},{1:1,2:2,3:3,4:4},{1:1,2:2,3:3,4:4}]var l = arr.map(v => Object.values(v))console.log(l)------------------------好像看錯題了----------------------- var arr = [{ 1: 1, 2: 2, 3: 3, 4: 4 }, { 1: 1, 2: 2, 3: 3, 4: 4 }, { 1: 1, 2: 2, 3: 3, 4: 4 }, { 1: 1, 2: 2, 3: 3, 4: 4 }] var l = arr.map((v, i) => { const f = [] for (let b = 0; b < arr.length; b++) { f.push(Object.values(arr[b])[i]) } return f }) console.log(l)

這樣的一個效果？Codepen Demo主要是使用 transform 這個CSS屬性，漸變色可以使用 background:linear-gradien()。搭配上 animation 動畫就可以實現(xiàn)了后面提到的從左上角到右下角的漸變透明可以使用 mask 遮罩來實現(xiàn)。閱讀更多l(xiāng)inear-gradient() - CSS（層疊樣式表） | MDNtransform - CSS（層疊樣式表） | MDNanimation - CSS（層疊樣式表） | MDN@keyframes - CSS（層疊樣式表） | MDNmask - CSS（層疊樣式表） | MDN

https://stackoverflow.com/que... 低版本可以用這個方案。如果你用的是mysql 8.0及以上版本，我更推薦CTE方案，它的可讀性和可維護性更好:with inserted_user_id as ( insert into user_login (username, password) values ('user1', 'password1') returning id)insert into user_information (id, real_name, address, education)select id, 'user1_real_name', 'user1_addr', 'user1_education'from inserted_user_idCTE本身就是在事務(wù)執(zhí)行的，所以無需再包裝到事務(wù)中。當(dāng)然如果你用的是java的一些ORM框架，直接在ORM級別處理就完事了，不需要自己去寫SQL，可讀性會更好。寫代碼本來就是以可讀性為第一優(yōu)先級，至于性能，在保證可讀性的基礎(chǔ)上再考慮吧

const numberMap = [..."一二三四五六七八九十"] .reduce((map, c, i) => { map[c] = i + 1; return map; }, {});let chapter = null;let result = {};let cache = {};data.forEach(line => { const [number, title] = line.split(" ", 2); if (/章/.test(number)) { const n = numberMap[number.substr(1, 1)]; // 只處理了章號只有一個中文數(shù)字的情況 chapter = n; const current = cache[`${n}/`] = {}; result[title] = current; } else if (/節(jié)/.test(number)) { const n = numberMap[number.substr(1, 1)]; // 節(jié)號也只處理了一個中文數(shù)字的情況 const current = cache[`${chapter}/${n}`] = {}; cache[`${chapter}/`][title] = current; } else if (number.split(".").length ===

const forEach = (node, fn, leafOnly) => { if (! node.children || ! leafOnly) if (fn(node)) return true if (node.children) for (const child of node.children) { if (forEach(child, fn, leafOnly)) return true }}forEach({ children: arr }, node => { if (node.path === 'serivce/fenlei/index') { title = node.name return true // break }})

雖然可以遍歷，對每一個 item 去統(tǒng)計 otherPackingNum，但是這樣會做不少重復(fù)的統(tǒng)計工作。一般認為統(tǒng)計工作是比較消耗時間的，所以可以考慮只統(tǒng)計一次，如下// 可以先用一個數(shù)組來保存所有 item 的引用const items = arry.flatMap(({ itemList }) => itemList);// 然后分組統(tǒng)計const all = items.reduce((acc, { packingNum, sku }) => { acc[sku] ??= 0; acc[sku] += packingNum; return acc;}, {});// 再遍歷一次，把 otherPackingNum 賦過去items.forEach(it => it.otherPackingNum = all[it.sku] - it.packingNum);// 因為 items 中是對象的引用，所以修改的也是 arry 中的引用對象，// 直接打印 arry 就能看到結(jié)果console.dir(arry, { depth: null });

const THRESHOLD = 3;let source = ` 127.0.0.1 127.0.0.2 127.0.0.2 127.0.0.3 127.0.0.1 127.0.0.1 127.0.0.1 127.0.0.3 127.0.0.1 127.0.0.4 127.0.0.4 127.0.0.4`;let results = source .split('\n') // 按換行符分割 .map(e => e.trim()) // 過濾每行首尾空白符 .filter(e => !!e) // 過濾空白行 .reduce(function () { // 只保留次數(shù)大于等于 `THRESHOLD` 的行 const temp = {}; return function (acc, cur, idx, src) { if (temp[cur]) { temp[cur]++; } else { temp[cur] = 1; } if (idx === src.length - 1) { return Object.keys(temp).filter((k) => temp[k] >= THRESHOLD).sort(); } } }(), 0);console.log(results);

hack出一個，思路為底下那個圓柱畫2個，一個用于堆疊不顯示（所以顏色設(shè)置為背景色，tooltip干掉），一個用于顯示(通過barGap移位到堆疊位置),同時legend需要單獨設(shè)置，不要顯示出不顯示的輔助柱子。因為是hack的，所以需要對照業(yè)務(wù)看看值不值得使用這種方法。var xAxisData = [];var data3 = [2,2,3,4,5,6,7,8,9,10];var data4 = [2,2,3,4,2,3,2,2,2,2];option = { legend: { data: ['bar3', 'bar4'], left: '10%' }, tooltip: {}, xAxis: { data: xAxisData, name: 'X Axis', axisLine: {onZero: true}, splitLine: {show: false}, splitArea: {show: false} }, yAxis: {}, grid: { bottom: 100 }, series: [ { name: '輔助柱子', type: 'bar', stack: 'two', data: data4, itemStyle:{ borderWidth:50, borderRadius: 15, color:'#fff' }, zlevel:-1, tooltip:

由于v3，useMutation不返回數(shù)組，而是返回對象。請參閱遷移指南：https://react-query.tanstack.com/guides/migrating-to-react-query-3#usemutation-now-returns-an-object-instead-of-an-array 所以你可能想要： const { mutate } = useMutation(addStaff, { onSuccess: () => console.log("User successfully added"), });

vue3版<ul v-for="(item, index) in newArr" :key="index + 'arr'"> <li>{{ item }}</li></ul>import { ref, computed} from 'vue'<script setup > let num = ref(12); let screen = [2, 5, 6, 9, 10] let newArr = computed(() => { let arr = [] for (let i = 0; i < num.value; i++) { screen.includes(i) && arr.push(i) } return arr })</script>vue2版：<ul v-for="(item, index) in newArr" :key="index + 'arr'"> <li>{{ item }}</li></ul>data(){ return { num:12, screen:[2,5,6,9,10] }},computed: { newArr(){ let arr = [] for (let i = 0; i < num; i+

我覺得可以這樣$arr = [ [123,234,444], [123,222,445], [121,222,111],];$list = [];foreach ($arr as $k => $val) { list($id,$age,$sno) = $val; $list[$k] = ['id' => $id,'age' => $age, 'sno' => $sno];}var_dump($list);