首頁猿問如何在javascript中推送多維數(shù)組

如何在javascript中推送多維數(shù)組

JavaScript

侃侃無極 2024-01-18 20:46:49

我想使用 javascript 推送一個(gè)多維數(shù)組。我需要它來設(shè)置 ChartJs 的數(shù)據(jù)集。我想要這樣的結(jié)果：datasets: [{ label: 'Manajemen Informatika', data: [100, 105, 203, 160, 200], backgroundColor: 'rgba(189, 99, 132, 0.2)', borderColor: 'rgba(189, 99, 132, 1)', borderWidth: 1}, { label: 'Teknik Informatika', data: [105, 100, 250, 170, 190], backgroundColor: 'rgba(94, 126, 189, 0.2)', borderColor: 'rgba(94, 126, 189, 1)', borderWidth: 1}, { label: 'Sistem Informasi', data: [90, 120, 225, 185, 200], backgroundColor: 'rgba(72, 189, 122, 0.2)', borderColor: 'rgba(72, 189, 122, 1)', borderWidth: 1}]

查看完整描述

4 回答

心有法竹

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊

您所需的數(shù)據(jù)集看起來像一個(gè)對象數(shù)組，其中大括號內(nèi)的每個(gè)數(shù)據(jù)都是對象。因此，如果你想在 JS 中放入多維數(shù)組，請?jiān)谧兞恐袆?chuàng)建每個(gè)對象，向其中添加數(shù)據(jù)，然后將其推送到數(shù)組中。喜歡

let arr = [];

let obj1 = {}; //add data to this object

arr.push(obj1);

let obj2 = {}; //add data to this object

arr.push(obj2);

.

let objn = {}; //add data to this object

arr.push(objn)

反對回復(fù) 2024-01-18

九州編程

TA貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超4個(gè)贊

不用擔(dān)心，這個(gè)架構(gòu)有點(diǎn)混亂，總是難以編寫和閱讀。

你應(yīng)該使用類似的東西：

var d = {

? datasets: [

? ? {

? ? ? label: 'Manajemen Informatika',

? ? ? data: [100, 105, 203, 160, 200],

? ? ? backgroundColor: 'rgba(189, 99, 132, 0.2)',

? ? ? borderColor: 'rgba(189, 99, 132, 1)',

? ? ? borderWidth: 1

? ? }

? ]

}

d.datasets.push(

? {

? ? label: 'Sistem Informasi',

? ? data: [90, 120, 225, 185, 200],

? ? backgroundColor: 'rgba(72, 189, 122, 0.2)',

? ? borderColor: 'rgba(72, 189, 122, 1)',

? ? borderWidth: 1

? }

)

// Read a particular value

console.log(d.datasets[1].label)

// Whole object

console.log(d)

我們不應(yīng)該自己手動編寫一個(gè)對象，但Chart.js就是這樣制作的，強(qiáng)制將每個(gè)配置都嵌套在對象中，并且使用插件變得最糟糕，你還必須在那里傳遞函數(shù)，這會使腳本變得混亂。

旁注，出于不同的原因，建議完全避免使用 Chart.js 。

反對回復(fù) 2024-01-18

烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

首先，您需要先給出輸入的定義。您編寫的結(jié)果只是一個(gè)對象數(shù)組。多維數(shù)組應(yīng)該像這樣：

const multidimensionalArray = [

[1,2,3,4],

[12,13,15,16],

[17,2,31,]

]

對于你的問題，我假設(shè)你從后端接收數(shù)據(jù)：

const responseData = [{data1, data2, data3, data4}]

const result = responseData.map(item => {

/// Do some manipulate data here

const stypingObj = item.type ? styling1 : styling2

const valueArray = item.valueData // You can manipulate value also

return chartData = { ...item. data: valueArray, ...stylingObj }

})

然后它返回您的預(yù)期結(jié)果。

反對回復(fù) 2024-01-18

慕絲7291255

TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊

請嘗試此代碼，如何在 javascript 中推送多維數(shù)組

var PushToArray = { };

PushToArray.productID = productID;

PushToArray.itemColorTitle = itemProductTitle;

PushToArray.itemColorPath = itemProduct;

cookie_value_add.push(PushToArray);

我希望這段代碼對您有用。

謝謝。

反對回復(fù) 2024-01-18

4 回答
0 關(guān)注
303 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何在javascript中推送多維數(shù)組

如何在javascript中推送多維數(shù)組

4 回答

添加回答