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

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

javascriptで、エラー「Uncaught TypeError: xxx.trim is not a function」が発生した場合の原因と解決方法を記述してます。配列自体を「trim」したときに発生します。

環境

  • OS windows11 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome106.0.5249.103

エラー内容

以下の、コードにて発生。

const arr = [' aaa ', ' bbb ', ' ccc '];

arr.trim();

エラーメッセージ

Uncaught TypeError: arr.trim is not a function

画像

firefox105の場合でも同じエラーが発生します。

Uncaught TypeError: arr.trim is not a function

画像

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

TypeError: arr.trim is not a function. (In 'arr.trim()', 'arr.trim' is undefined)

画像

原因

「trim」は、文字列にのみ使用できるため、配列には使用できない

解決方法

配列には「map」を使用して「trim」を実行する

const arr = [' aaa ', ' bbb ', ' ccc '];

console.log( arr.map(v => v.trim()) );

実行結果