JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="myApp">
<div ng-controller="myCtrl as vm">
<pre>{{vm.myNewArray | json}}</pre>
</div>
</div>
JavaScript
angular.module('myApp', []);
angular.module('myApp')
.controller('myCtrl', function() {
var vm = this;
people = [{
"name": "Ana",
"belongsto": 0,
"has": 1
}, {
"name": "Billy",
"belongsto": 1,
"has": 34
}, {
"name": "Carlos",
"belongsto": 1,
"has": 52
}, {
"name": "David",
"belongsto": 34,
"has": 100
}, {
"name": "Eunice",
"belongsto": 34,
"has": 100
}, {
"name": "Fatima",
"belongsto": 52,
"has": 100
}, {
"name": "Grace",
"belongsto": 52,
"has": 100
}]
// If you are on new browsers and can use Sets
var names = people.map(person => person.name);
var uniq = [...new Set(names)]
// you can combine these
var oneliner = [...new Set(people.map(person => person.name))]
// on older browsers
var names2 = people.map(person => person.name);
var uniq2 = names2.filter((item, pos, self) => self.indexOf(item) == pos)
// you can also combine these but it is more confusing
var oneliner2 = people.map(person => person.name).filter((item, pos, self) => self.indexOf(item) == pos)
});