常連

自己紹介

以下のような配列があり、
```javascript
const array1 = [
 {"members": [{name: "名前1", age: 12}, {name: "名前2", age: 22}]},
 {"members": [{name: "名前3", age: 32}]},
 {"members": [{name: "名前4", age: 42}, {name: "名前5", age: 52}, {name: "名前6", age: 62}]}
]
```
以下のような配列に加工する関数を作りたいです。
```javascript
[
  {name: "名前1", age: 12}, 
  {name: "名前2", age: 22}, 
  {name: "名前3", age: 32},
  {name: "名前4", age: 42}, 
  {name: "名前5", age: 52}, 
  {name: "名前6", age: 62}
]
```

次のように書いたところ、
```javascript
function(){
  array1.map(function(val){
    return val.members
  })
}
```
得られたのは次の配列でした。なんとか、二重になっている配列をフラットにしたいのですが、どうすればよいでしょうか？
```javascript
 [
  [{name: "名前1", age: 12}, {name: "名前2", age: 22}],  
  [{name: "名前3", age: 32}], 
  [{name: "名前4", age: 42}, {name: "名前5", age: 52}, {name: "名前6", age: 62}]
]
```

配列内のオブジェクトの値である配列の、値のみを取り出した配列を作成したい

###理解したいこと
javascriptの比較関数が理解できません。
分かりやすいサイトを探しているのですが、
どなたか教えていただけないでしょうか。

###発生している問題・エラーメッセージ
「3ステップでしっかり学ぶ Java Script入門」という本で勉強をしています。
arrayオブジェクトの説明文に、sortメソッドの並び替えを行う構文がありました。

sortメソッドの動きは理解できたのですが、
何故、比較関数（return a - b;）を使うと綺麗にソートできるのか
調べてもわかりませんでした。

```
<script type="text/javascript">

 function compare(a, b){
  return a - b;
  }

 var ages = new Array(4, 6, 10, 24, 1, 11, 40);
 ages = ages.sort(compare);
 document.write(ages.join(" > "));


</script>
```


###試したこと
以下のサイトを見つけ、コメントの説明を読んでみましたが
理解できませんでした・・・。

（sortメソッドの仕組みはわかりました。）


[比較関数の意味がよくわからん。](http://d.hatena.ne.jp/xKento/20080424/1209045449)


> Sort()メソッドは デフォルトで、a,b,c,dと並んでいる場合、先頭から順にa<=bならa,bのまま、a>bならb,aに、という作業を繰り返していきます。ですから、比較関数で、何によってソートさせたいかを指定することで、いろいろなソートが実現可能になります。b-aとする場合、比較条件がすべて逆になりますから、降順となるわけです。

どなたか、わかりやすいサイトや説明があるサイトをご教授いただけないでしょうか。

javascript の比較関数がわからない

```JavaScript
  //配列
var number = [50000,40,900,3000]
//配列をソート
number.sort(
	function(a,b){
    	if( a < b ) return -1;
        if( a > b ) return 1;
        return 0;
    }
);
//出力用
console.log(number); // 40,900,3000,50000

```
これでなぜ昇順になるのかがわかりません。
そもそも上記コードの関数の戻り値が定義されてないのになぜ機能するのでしょうか？

sort()メソッドの降順

こんにちは。
下記コードで配列を五十音順にソートできるかと思ったのですが、ソートされておりませんでした。
そのままソートしてもダメなのでしょうか。

[参照](https://codepen.io/taka831234/pen/qLyaXq?editors=1111)

```javascript

//データ
const aryData = [
  {id: "id_2", data: "データ２"},
  {id: "id_4", data: "データ４"},
  {id: "id_3", data: "データ３"},
  {id: "id_1", data: "データ１"}
]

//ソート（昇順）
aryData.sort((a,b) => {return a.data - b.data;});

//表示
console.log(aryData);
```

javascriptで配列を五十音順にソート

現在、JavaScript本格入門という書籍を読みながら勉強しています。
`sort` メソッドについて教えてください。
書籍には `sort` メソッドの説明している箇所に下記のコードがあります。

```javascript
var ary = [5, 25, 10];

// ① 結果：[10, 25, 5]（文字列としてソート）
console.log(ary.sort());

// ② 結果：[5, 10, 25]（数値としてソート）
console.log(ary.sort(function(x, y) {
  return x - y;
}));
```

書籍には下記のように説明があります。

> sortメソッドは、デフォルトで配列を文字列として辞書順にソートします。このルールを変更するには、引数として、以下のような関数を定義します。
> 
> ・引数は2つ（比較する配列要素）
> ・第1引数が第2引数より小さい場合は負数、大きい場合は正数を返す

①に関しては引数を省略しているので、1から順番に並び替えが行われたのかと思います。

②の記述について理解できません。

記述例は、`sort`メソッドの第一引数に無名関数を記述して、無名関数の仮引数に `x` と `y` と記述しているかと思います。

> 第1引数が第2引数より小さい場合は負数、大きい場合は正数を返す

上記の説明の箇所があてはまるのかと思いますが、どのような意味かわかりません。
仮引数に入る `x` と `y` の値を比較しているのでしょうか？
`x` と `y` にはどの値がどのような順番で入るのでしょうか？
負数、正数を返すとありますが、これもわかりません。
仮に `5` と `25` の値を比較した場合でも、負数はどこにもないかと思います。
負数、正数を返すとはどのような意味なのでしょうか？

もう一つありまして、関数内で記述している `return x - y` についてもどのような意味なのかわかりません。
戻り値を返しているということはわかりますが、`x - y` とするだけでなぜ数値としてソートされるのでしょうか？

JavaScript の sort メソッドについて

おはようございます。

returnに関する質問です。
先日教えていただいたifのコードの中にreturnを使った以下のようなものがありました。
```javascript
//if文
function battle(num){
                if(num === 2){
                    return counter;
                }else if(num === 1){
                    return lose;
                }else{
                    return beat;
                }
            };

```

counter, lose, beatは関数名なのですが（返り値は指定していない）、今まで見てきたコードの中では、returnの後には数字か変数しか入ったものしか出てこなかったので、どういうことが起こっているのかわかりません。

returnの後に関数名を入れた場合、その関数を実行してくれるものか、とも考えたのですが、関数名の後に（）をつけると動作が変わってきてしまいます........。

とどのつまりお伺いしたいのは、
・return 関数名（）;
・return 関数名;
の違いはあるのか？
ということです。

よろしくお願いいたします。

returnの扱い方について

JavaScriptのアロー関数について、わからない表現がでてきたので、質問させてください。

Reactのコードを読んでいたら以下のような表現がでてきました。

```
const navigateOnce = getStateForAction => (action, state) => {
  const { type, routeName } = action;

  if (state && type === NavigationActions.NAVIGATE) {
    
    //直前のrouteNameと遷移先のrouteNameが同じであれば遷移無効化
    if(routeName === state.routes[state.routes.length - 1].routeName) return null;

  }
  return getStateForAction(action, state);
};
```

アロー関数は `A = (args...) => {}` という表現かと思っていたのですが、 
今回は `A = B => (args ... ) => {} ` となっており、AとBの関係をどう解釈すれば良いかわからない状態で困っています。Aの後にBを実行するのか？　A=Bとして同じ関数とみなすのか？ ... 混乱しております。どなたかアドバイスいただけますでしょうか。。よろしくお願いいたします。

(JavaScript) アロー関数について

```
Hoge(a)(b)
```

のような記載を見かけるのですが、これはどのように動作するのでしょうか？

Javascriptの関数についてどのように動作しているのかわかりません

以下のようにネストしているオブジェクトにおいて、”status”の値が”B”のものが存在したらアラートを出すという機能を実装したいです。
```javascript
result = {
  code : {
    date : {
      20150701 : {
        status: “A”
      }
      20150702 : {
        status: “A”
      }
      20150703 : {
        status: “C”
      }
      ~~ 中略 ~~
      20150930 : {
        status: “B”
      }
    }
  }
}
```
オブジェクト”date”の中には 20150701,20150702,20150703,~~~, 20150930 といった具合で日付を表すオブジェクトが入っています。
ここで、すべての”status”を調べて特定の値の存在判定をするにはどのような方法が適切でしょうか？

たとえば「20150701において”status”値が”B”のものが存在したら」ならば
```javascript
if (result['code']['date']['20150701']['status'] == 'B') {
  alert(‘この期間内にBが存在します’)
}
```
のようにすれば可能かと思いますが、20150701から20150930までのすべてのstatusプロパティを調べるやり方が考えつかずにいます…

その他、何かおかしい点等あれば指摘して頂けると嬉しいです。
よろしくお願いします。

オブジェクト内の複数のプロパティ値を調べたい

とある参考書にてJavaScriptの勉強をしているうちに、どのどうな挙動をしているのかわからなくなってしまったので質問させてください。

スクリプトは以下の通りです。
※長くて申し訳ありません
```JavaScript
function Modal(el) {
	this.initialize(el);
}

Modal.prototype.initialize = function(el) {
	this.$el = el;
	this.$container = $("#modal");
	this.$contents = $("#modal-contents");
	this.$close = $("#modal-close");
	this.$next = $("#modal-next");
	this.$prev = $("#modal-prev");
	this.$overlay = $("#modal-overlay");
	this.$window = $(window);
	this.handleEvents();
};

Modal.prototype.handleEvents = function() {
	var self = this;
	this.$el.on("click", function(e) {
		self.show(e);
		return false;
	});

	this.$overlay.on("click", function(e) {
		self.hide(e);
		return false;
	});

	this.$close.on("click", function(e) {
		self.hide(e);
		return false;
	});

	this.$next.on("click", function(e) {
		self.next(e);
		return false;
	});

	this.$prev.on("click", function(e) {
		self.prev(e);
		return false;
	});
};

Modal.prototype.show = function(e) {
	var $target = $(e.currentTarget),
		src = $target.attr("href");
	this.$contents.html("<img src=\"" + src + "\" />");
	this.$container.fadeIn();
	this.$overlay.fadeIn();
	var index = $target.data("index");
	this.countChange = this.createCounter(index, this.$el.length); // ①
	return false;
};

Modal.prototype.hide = function(e) {
	this.$container.fadeOut();
	this.$overlay.fadeOut();
};

Modal.prototype.slide = function(index) {
	this.$contents.find("img").fadeOut({
		complete: function() {
			var src = $("[data-index=\"" + index + "\"]").find("img").attr("src");
			$(this).attr("src", src).fadeIn();
		}
	});
};

// ②
Modal.prototype.countChange = function(num, index, len) {
	return (index + num + len) % len;
};

// ③
Modal.prototype.createCounter = function(index, len) {
	return function(num) {
		return index = (index + num + len) % len;
	};
};

Modal.prototype.next = function() {
	this.slide(this.countChange(1));
};

Modal.prototype.prev = function() {
	this.slide(this.countChange(-1));
};

var modal = new Modal($("#modal-thumb a"));
```
これはモーダルとして正常に機能するのですが、
画像をタップするとshow関数が呼ばれて①から③が動くのですが、この時点では
```javascript
return function(num) {
	return index = (index + num + len) % len;
};
```
の引数のnumはわたってきていません。
next、prevボタンが押されると、それぞれnext,prev関数が機能してnumに1か-1が渡ってきます。


わからないのが、
まず③でreturnでfunctionしている意味、また、単に
```javascript
return index = (index + num + len) % len;
```
だけではいけない理由。

それと、①で
```javascript
this.countChange = this.createCounter(index, this.$el.length)
```
としているなかで、どのタイミングでnumが渡っていくのか。


自分的に理解が及ばず質問が抽象的になってしまっており申し訳ありませんが、
ご教示いただけたら幸いです。よろしくお願いします。

returnでfunctionを返す挙動

```ここに言語を入力

  let lists = [
    {name: 'バナナ', price: '100'},
    {name: 'みかん', price: '120'},
    {name: 'ぶどう', price: '300'},
    {name: 'いちご', price: '120'},
  ];
```

上記listから、いちごの値段を500円に変えたい場合は、どのようにすれば良いでしょうか。

（一旦、いちごの行を全外しして、spliceで書き換えて{}の形にして、再代入でしょうか？）

色々検索しましたが、良い方法が見つからず、お手数ですが教えて頂けると助かります。

オブジェクトリテラルの値の変更について

以下のようなサービスを作成してデータを取得しているのですが
このサービスをcomponentで呼んでthis.testDataを返したいのですが
普通に呼ぶとundifinedが返ってきてしまいます
非同期なのが影響していると思うのですがいいやり方はないでしょうか


```ここに言語を入力
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { GetApiReturnService } from './get-api-return.service';
import * as xml2js from 'xml2js';

@Injectable({
  providedIn: 'root'
})
export class TestService {

  url: string;

  testData;

  constructor(private http: HttpClient, private getApiReturnService: GetApiReturnService) { }

  searchTest(){
    this.url = 'https://test.jp/api?type=1';

    let testData;
    this.getApiReturnService.search(this.url).subscribe(response => {
      xml2js.parseString(response, function (err, result) {
        testData = result;
      });
      this.testData = testData;
    });

    
    return this.testData;

  }
}
```

Angular6 RxJsのsubscribeのデータをreturnで返したい

### 前提・実現したいこと

ProgateでJavaScriptの勉強中なのですが、わからないことがあります。

### 発生している問題・エラーメッセージ

以下のコードで以下の出力結果の通り出力されます。
が、
```ここに言語を入力
const convertToYen=(priceDollar)=>{
  return priceDollar * dollarYenRate;
}
```
の部分がなぜ成立するかがわかりません。
priceDollarは定義されていないのに、どうして値を引っ張ってこれるのでしょうか。



### 該当のソースコード
～コード～
```ここに言語を入力
const dollarYenRate=110;

const convertToYen=(priceDollar)=>{
  return priceDollar * dollarYenRate;
}

const information = (name, price) => {
  console.log(`アメリカドルで${name}は${price}ドルです`);
  const priceYen = convertToYen(price);
  console.log(`日本円で${name}は${priceYen}円です`);
};
information("香水", 48);
information("お菓子", 6);
```

～出力結果～
アメリカドルで香水は48ドルです
日本円で香水は5280円です

### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

JSで戻り値を使った関数の書き方がわかりません。

javaScriptについて勉強しているのですがどうしてもクロージャを理解することができません。
いくつかWebサイトの記事を読んでみたのですがやはりどうなっているのかわからないでいます。
```lang-javaScript
function makeCountor(){
  var count = 0;
  function push(){
    count++;
    conlose.log(count);
  }
  return push;
}

c = makeCountor();
c();　　　//->1
c();       //->2
c();      //->3
```
上記のようなコードを実行した場合１、２、３、とカウントされて表示されて行くらしいのですが、これがよく理解できていません。
私の理解ではcの実態はmakeCountor関数なのでc()が実行されると
```lang-javaScript
function makeCountor(){
  var count = 0;
  function push(){
    count++;
    conlose.log(count);
  }
  return push;
}
```
この関数部分が実行されていると思っています。
関数の中の１行目で下記のようにcountを毎回初期化してしまっています。にも関わらずなぜcountに格納された値が増えて１、２、３とカウントアップしているのか理解できないです。
```
var count = 0;
```
c();が実行されている時に実行するのは以下の部分だけなのでしょうか？
```
function push(){
    count++;
    conlose.log(count);
  }
  return push;
```
独学では理解できそうになかったので皆様のお力をお借りしたいです。よろしくお願いします。

javaScriptクロージャについて

演算子と制御文を一通り終え関数に入ったのですがjsのreturnの使い方がいまいち理解できません

```lang-＜javascript＞
function menseki(r){
  var m = 3.14 * r * r;
  return m;
}ｗ

var m = menseki(5);
```

自分なりに考えてみたのですが、処理を終えたり新しい処理を始める前にreturnを使うのでしょうか...

それともbreakやcontinueのように一定の処理を飛ばしたり無効にするためにつかうのかわかりません値を返すというのが理解できません。。どこに返しているのですか？

初歩的なことを質問してすみません。。
どなたか教えてください