Uint8ClampedArray型でunshift,pushが実装できない

Question

JavaScriptにおいての話です。

Uint8ClampedArray型で、通常のArray型では実行ができるunshiftやpushと同等の操作を実施したいと考えています。

どのような実装方法が考えられるでしょうか。

Comments

[mjk]

.slice()などで加工後、新たな配列か再代入で可能かと思います。（未検証）

Answer 1

自分自身を再定義できないのであえてやるならこんな感じでしょうか

let a = new Uint8ClampedArray(4);
a[0] = 42;
a[1] = 1337;//255
a[2] = 'a';//0
//a[3]は未設定なので0
console.log(a); // [ 42, 255, 0, 0 ]

Uint8ClampedArray.prototype.push=function(n){
  return new Uint8ClampedArray(new Array(...this).concat([n]));
}
Uint8ClampedArray.prototype.unshift=function(n){
  return new Uint8ClampedArray([n].concat(new Array(...this)));
}
a=a.unshift(123);
a=a.push(234);

console.log(a); // [ 123, 42, 255, 0, 0, 234 ]

Comments

[mjk]

素朴な疑問で恐縮です。
関数.prototype.◯◯　とは、
標準関数にも自作のメソッドを追加出来るという認識で合っていますか？

[yambejp]

JavaScript は プロトタイプベースの言語のためオブジェクトを指定してprototypeを設定するとメソッドを仕込むことができます

JavaScript は プロトタイプベース
Number.prototype.view=function(){
console.log(this.valueOf());
}
let n = 100;
n++;
n.view(); // 101

[mjk]

知らなかったので目からウロコです。
ちょっと物足りない時に別関数作ったりしてましたが、
これからはちょい足しで大丈夫そうです。
ありがとうございます。

[yambejp]

ただし、prototypeを汚染するとバグの温床になりかねないので
やるなら管理をきちんとしてください

[mjk]

了解です。実務で使うことは無いですが自分が使うもので気をつけます。

Answer 2

Uint8ClampedArray などの TypedArray は自身の長さを変更することができないので、unshift() push() と完全に同じ動作の関数を作ることはできません。新しく作ったインスタンスを返すような関数にする必要があります。

Answer 3

それは辛いですね、、、🥺