javascript/p5jsで配列をコピーすると、すべての値が0になりますか？

Question

私はこの単純なコードを持っています。私は配列の配列を保持しようとしています。これはFFTオーディオデータだけです。私はこれがjavascriptの問題だと思うが、何が間違っているのか分からない。 fft.analyze（）は数値の配列を返します。配列を配列スペクトルにプッシュした後、スペクトル内のすべての値は実際の値ではなく0です。 array.splice（0）を使用するとディープコピーとみなされます。誰でもここで間違っていることを教えてもらえますか？

var fft,mic; 
function setup(){ 
    var myCanvas = createCanvas(800,800); 
    fft = new p5.FFT(); 
    ellipse(400,400,50,50) 
    colorMode(HSB,100) 
    spectrums=[] 
    mic = new p5.AudioIn(); 
    mic.start(); 
    fft = new p5.FFT(); 
    fft.setInput(mic); 
} 

function draw() { 
    background(255) 
    s = fft.analyze(16) 
for(si=0;si<s.length;si++){ 
    fill(s[si]%100,100,100) 
    rect(si*10,0,si*10,s[si]) 
} 
spectrums.push(s.splice(0)) 
    if(spectrums.length > 5){ 
    spectrums.splice(-1,1) 
    } 
    console.log(spectrums[0][0]) //this prints 0 always 
for(si=0;si<spectrums[0].length;si++){ 
    fill(spectrums[0][si]%100,100,100) 
    rect(si*10,400,si*10,spectrums[0][si]) 
} 
} 

Answer 1

私のせいでした。問題はpopの代わりにunshiftを使用していました。 最初の配列は0でいっぱいです。 ここでは、私が作るしようとしていたものを見ることができます：https://www.pushpopchallenge.com/submissions/22

Answer 2

あなたはslice()

なく splice()

を使用したいので、あなたが

spectrums.push(s.splice(0)) 

sをやっているところスタート（インデックス）から空に取得し

あなたが何をしたいか

は

spectrums.push(s.slice(0)) 

slice()はそのまま元の配列を残し、ちょうどコピーを作成しています。一方、要素を挿入または削除することによって、元の配列を変更するだけです。