製作平均內部陣列以平滑圖線

Question

我有一個array表示類似以下具有不同值的曲線圖的點：

var array = [5, 3, 4, 1, 2]; 

我想通過它循環，並創建一個新的數組新值如下：

• 它之前的值和之後的值之間的平均值。
• 放置在現有的。

這意味着array[0]將保持在相同位置，而其他值將被推到一個位置。新的數組應該看起來像這樣：

var newArray = [5, 4, 3, 3.5, 4, 2.5, 1, 1.5, 2]; 

你有關於如何實現這個想法嗎？在此先感謝您的回覆！

Answer 1

var array = [5, 3, 4, 1, 2]; 
 
var newArr = [array[0]]; // start the array with the first from the original 
 

 
array.reduce((a, b) => { 
 
    newArr.push((a + b)/2, b); 
 
    return b; 
 
}); 
 

 
console.log(newArr);

Answer 2

var array = [5, 3, 4, 1, 2]; 

var newArray = []; 
newArray.push(array[0]); 

for(var i=0; i < array.length-1; i++) 
{ 
    var first = array[i]; 
    var second = array[i+1]; 
    var avg = (first+second)/2; 
    newArray.push(avg); 
    newArray.push(second); 
} 

https://jsfiddle.net/5utkvge8/

Answer 3

你通過你原來的數組要循環，推動各數到新的，如果你是不是最終的元素，得到的array[i]和array[i+1]

平均

var array = [5, 3, 4, 1, 2]; 
var newArray = []; 

for (var i = 0; i < array.length; i++) 
{ 
    newArray.push(array[i]) 
    if (!isNaN(array[i+1])) 
    { 
    newArray.push((array[i] + array[i+1])/2) 
    } 
} 

Answer 4

let createdArr = [] 
[5, 3, 4, 1, 2].forEach((item,index,arr) => { 
    createdArr.push(item) 
    if(index !== 0 && index + 1 !== arr.length){ 
     createdArr.push((item + arr[ index + 1])/2) 
    } 
}) 

Answer 5

或在功能，無副作用，道：

var array = [5, 3, 4, 1, 2]; 
var newArray = array.reduce((result, value, index, array) => result.concat(index > 0 && index < array.length ? [(array[index-1] + value)/2, value] : value), []) 

Answer 6

如果你可以修改原始數組：

var array = [5, 3, 4, 1, 2], 
 
    len = array.length * 2 - 2; 
 

 
for (var i = 1; i < len; i = i + 2) { 
 
    array.splice(i, null, (array[i-1] + array[i])/2); 
 
} 
 

 
console.log(array);