javascript エラー「Uncaught TypeError: xxx.push is not a function」の解決方法

作成日 2022.12.16
javascript
javascript

javascriptで、エラー「Uncaught TypeError: xxx.push is not a function」が発生した場合の原因と解決方法を記述してます。配列以外に「push」を使用した場合に発生します。「chrome」や「firefox」や「safari」の各ブラウザのエラーメッセージの画像もキャプチャしてます。

1. 環境
2. エラー内容
3. 原因
4. 解決方法

環境

OS windows11 pro 64bit
ブラウザ chrome 108.0.5359.99

Javascript サンプル集はこちら

エラー内容

以下の、「オブジェクト」のプロパティ追加に「push」を使用したコードで発生。

const obj = {
  name: 'itiro',
  age: 25,
};

obj.push({tel: '0123456'});

エラーメッセージ

Uncaught TypeError: obj.push is not a function

画像

firefox106の場合では、以下のエラーが発生します。

Uncaught TypeError: obj.push is not a function

画像

safari15.5では、以下のエラーとなります。

TypeError: obj.push is not a function. (In 'obj.push({tel: '0123456'})', 'obj.push' is undefined)

画像

原因

「push」は配列には使用できるがオブジェクトには使用できないため

const obj = [{
  name: 'itiro',
  age: 25,
}];

obj.push({tel: '0123456'});

console.log( obj );
// [{name: 'itiro', age: 25},{tel: '0123456'}]

解決方法

「オブジェクト」にプロパティを追加する場合は、以下のようにします。

オブジェクトにプロパティを追加する

const obj = {
  name: 'itiro',
  age: 25,
};

obj.tel ='0123456';

console.log( obj );
// {name: 'itiro', age: 25, tel: '0123456'}

または、配列であるかを判定してから使用します。

const obj = {
  name: 'itiro',
  age: 25,
};

const result = Array.isArray(obj) ? obj.push({tel: '0123456'}) : '配列ではありません';

console.log( result );
// 配列ではありません