selectのoptionの値を受け取った後に文字列の分割に成功したけどなぜか分割した文字列にそれぞれ『""』が入っている

javascript
1 function addOption2() {
2    var select = document.getElementById("type2");
3    var option = document.createElement("option");
4    option.text = type2;
5    option.value = '${type2},${stock},${price}';
6    select.appendChild(option);
7    }

上記のコードでselectのoptionを動的に増やしてvalueに複数の値を別のページで使用するため
option.value = '${type2},${stock},${price}';
のように記載しました

その後

別のページで

php
1
2<?php
3    $type22 = $_POST["type2"];
4    $type22 = explode(',',$type22);
5var_dump($type22);
6?>

のように記載して文字列の受け取りとexplodeによる分割は成功したのですが
表示されるときに

array(3) { [0]=> string(23) ""インタステラー"" [1]=> string(5) ""123"" [2]=> string(7) ""41234"" }

と

1個目->"インタステラー"
2個目->"123"
3個目->"41234"

となぜかそれぞれの文字列に『""』が入っていてこれは仕様の問題なのでしょうか

また、『""』を削除する方法はあるのでしょうか

よろしくお願いいたしますm

m.ts10806

2020/08/24 08:30

下記３つの変数に元々””が入ってきているから「ではないか」くらいしか言えません。 $type2 $stock $price ところで「雑な実装」と指摘しましたが、直す気ないようですね。プログラムは書いた通りにしか動かないので我が道に邁進するようだと想定の結果が得られないのは当然です。もっと丁寧に、基本を大事にできませんか？「ここまできたんだから」と思っていても1歩も進んでない状態をスルーしてるだけですよ。こんな質問ポンポン投げていて成長するようには思えませんし、実際成長してません。

行動規範の内容に同意します

回答1件

ベストアンサー

それぞれの文字列に『""』が入っていてこれは仕様の問題なのでしょうか

いえ。実装の問題です。

前回のご質問の続きでしたら、受け取った文字（'"インステラー"-"123"-"41234"'を split("-") すると、結果として得られた文字列配列は以下のようになっています。

javascript
1[
2  "\"インステラー\"",
3  "\"123\"",
4  "\"41234\""
5]

option.value = '${type2},${stock},${price}'; とコンマで繋いだ文字列は
"\"インステラー\",\"123\",\"41234\"" となります。

これをPOSTし、

php 側で explode(',', "\"インステラー\",\"123\",\"41234\""); すると

array(3) { [0]=> string(23) ""インタステラー"" [1]=> string(5) ""123"" [2]=> string(7) ""41234"" }

になるのは当然です。

『""』を削除する方法はあるのでしょうか

文字列処理で対応できます。

JavaScriptで unquoted な文字に変換する例）

javascript
1var RE_QUOTED = /^([\"\']{1})([^\1]*)\1$/;
2var ary = [
3  "\"インステラー\"",
4  "\"123\"",
5  "\"41234\""
6].map( s => RE_QUOTED.exec(s)?RegExp.$2:s);
7
8console.log( ary );
9// => ["インステラー","123","41234"]