Where does the function map come from?

Question

All. Forgive me I am not good in the AngularJS and AugularJS-UI.

Currently, I am trying to get the typeahead directive work in my page.

Here is the code. Please review it.

Html

<tr ng-repeat="item in DetailsOfCurRecipe">
                <td><div id="scrollable-dropdown-menu"><input name="DrugDetailName" ng-model="item.ProductName" typeahead="address for address in getDrugDetails($viewValue)" /></div><input type="hidden" name="DrugDetailID" value="{{item.ID}}" /><input type="hidden" name="DrugFileID" value="{{item.DrugFileID}}" /></td>
</tr>

JS

$scope.getDrugDetails = function (val) {
        return $http.get('http://localhost:6249/api/DrugDetails/all', {}).then(function (response) {
            return response.data.map(function (item) {
                return item.ProductName;
            });
        });
    };

I just want to know Where does the response.data.map function come from ? Thanks.

Answer 1

It comes from the Array prototype . It is part of standard core JavaScript .

Answer 2

response.data is the object coming from the angular http service, and the map is a native Javascript function. Here is the definition for map function:

The map() method creates a new array with the results of calling a provided function on every element in this array.