Sorting objects in AngularJS

Question

Sorting objects in AngularJS

Within the primary Array Object, my JSON data looks like this

obj = [{{"title":"1-Introduction"},
       {"title":"5-Introduction"},
       {"title":"20-Introduction"},
       {"title":"4-Introduction"} }]

I am looking to sort the above object as follows

obj = [{{"title":"1-Introduction"},
       {"title":"4-Introduction"},
       {"title":"5-Introduction"},
       {"title":"20-Introduction"} }]

This is what I have attempted so far

$scope.checkWeightage=function(){
            thisObj.scheduleSubject.map(itm=>itm.sectionRange.map(subItm=>{
                    var min = subItm.chapterActualWeightage-(subItm.chapterActualWeightage/10);
                    var max = subItm.chapterActualWeightage+(subItm.chapterActualWeightage/10);
                    var sum = subItm.items.reduce((total,it)=>{
                       return total+it.actualWeightage;
                    },0);
                    subItm['weightageError'] = (sum>max || sum<min)?true:false;
                    subItm['ChapterActualWeightageCurrently'] = parseFloat(Math.round(sum*100)/100);
                    subItm.items.sort((a,b)=>a.title.split(/_(.+)/)[0]>b.title.split(/_(.+)/)[0]);
                })
            ); console.log(thisObj.scheduleSubject[0].chapterData); //.1[0].title);
            //console.log("CHECK weightage",thisObj.scheduleSubject);
        }

How can I track the title in my main Array?

alert(thisObj.scheduleSubject[0].sectionRange[0].items[0].title);

I aim to arrange all items based on the digits in their titles before the '-' character, for example 1-, 2-, 3-, 4-, 5-, 6-, 21-, 56-, and so on.

Main Array Structure

[
  {
    "id": "25",
    "section": "1",
    "sectionRange": [
      {
        "sectionNumber": 1,
        "effectAllowed": "all",
        "Date": "",
        "items": [
          {
            "subjectId": 25,
            "section": 1,
            "chapterId": 283,
            "actualWeightage": 3.42,
            "totalPaperMarks": 132,
            "title": "10-Creation & Registration of Charges",
            "$$hashKey": "object:146"
          },
          {
            "subjectId": 25,
            "section": 1,
            "chapterId": 284,
            "actualWeightage": 2.23,
            "totalPaperMarks": 132,
            "title": "11-Allotment of Securities & Issue of Certificates",
            "$$hashKey": "object:147"
          },
          {
            "subjectId": 25,
            "section": 1,
            "chapterId": 285,
            "actualWeightage": 1.37,
            "totalPaperMarks": 132,
            "title": "12-Membership in a Company",
            "$$hashKey": "object:148"
          },
          {
            "subjectId": 25,
            "section": 1,
            "chapterId": 286,
            "actualWeightage": 3.42,
            "totalPaperMarks": 132,
            "title": "13-Transfer & Transmission of Securities",
            "$$hashKey": "object:149"
          },
          {
            "subjectId": 25,
            "section": 1,
            "chapterId": 287,
            "actualWeightage": 7.53,
            "totalPaperMarks": 132,
            "title": "14-Institution of Directors",
            "$$hashKey": "object:150"
          },
          {
            "subjectId": 25,
            "section": 1,
            "chapterId": 288,
            "actualWeightage": 1.37,
            "totalPaperMarks": 132,
            "title": "15-Independent Directors",
            "$$hashKey": "object:151"
          },
          {
            "subjectId": 25,
            "section": 1,
            "chapterId": 289,
            "actualWeightage": 13.35,
            "totalPaperMarks": 132,
            "title": "16-Board & its Powers",
            "$$hashKey": "object:152"
          },
          {
            "subjectId": 25,
            "section": 1,
            "chapterId": 290,
            "actualWeightage": 8.22,
            "totalPaperMarks": 132,
            "title": "17-Appointment & Remuneration of Key Managerial Personnel",
            "$$hashKey": "object:153"
          },
          {
            "subjectId": 25,
            "section": 1,
            "chapterId": 291,
            "actualWeightage": 6.68,
            "totalPaperMarks": 132,
            "title": "18-General Meetings",
            "$$hashKey": "object:154"
          },
          {
            "subjectId": 25,
            "section": 1,
            "chapterId": 292,
            "actualWeightage": 1.37,
            "totalPaperMarks": 132,
            "title": "19-Loans & Investments by Companies",
            "$$hashKey": "object:155"
          }

javascript arrays angularjs json sorting

Answer 1

Answer №1

To organize your data efficiently based on a specific character, you can use the split function followed by sorting. This code snippet demonstrates how to achieve this assuming your main data structure is referred to as "structure":

structure.forEach(section => {
    section.sectionRange.forEach(range => {
        range.items.sort(function(itemA, itemB) {
            let partsA = itemA.split("-"),
                partsB = itemB.split("-");
            
            return +partsA[0] - +partsB[0];
        });
    });
});

Answer 2

To organize your data efficiently based on a specific character, you can use the split function followed by sorting. This code snippet demonstrates how to achieve this assuming your main data structure is referred to as "structure":

structure.forEach(section => {
    section.sectionRange.forEach(range => {
        range.items.sort(function(itemA, itemB) {
            let partsA = itemA.split("-"),
                partsB = itemB.split("-");
            
            return +partsA[0] - +partsB[0];
        });
    });
});

Answer 3

Answer №2

Simply extract the numerical values and let AngularJS's orderBy filter handle the sorting for you

JavaScript

  $scope.getNumber = function(row){
    var value = row.title.split("-")[0];
    return parseInt(value);
  };

HTML

<div ng-repeat="item in data | orderBy:getNumber:false">{{item.title}}</div>

The orderBy function also accepts a second parameter (true / false) for ascending / descending ordering

Check out the demo

Answer 4

Simply extract the numerical values and let AngularJS's orderBy filter handle the sorting for you

JavaScript

  $scope.getNumber = function(row){
    var value = row.title.split("-")[0];
    return parseInt(value);
  };

HTML

<div ng-repeat="item in data | orderBy:getNumber:false">{{item.title}}</div>

The orderBy function also accepts a second parameter (true / false) for ascending / descending ordering

Check out the demo

Answer 5

Answer №3

To sort an array based on the numerical value of a specific property, you can utilize the Array.prototype.sort method along with a custom sorting function. In this case, you would need to extract and compare the numeric values from the 'title' property of each object within the array. Here's an example implementation:

var arr = [{
    "title": "1-Introduction"
  },
  {
    "title": "5-Introduction"
  },
  {
    "title": "20-Introduction"
  },
  {
    "title": "4-Introduction"
  }
];

arr.sort(function(a, b) {
  const aVal = parseInt(a.title.split("-")[0]);
  const bVal = parseInt(b.title.split("-")[0]);
  return aVal - bVal;
});

console.log(arr);

Answer 6

To sort an array based on the numerical value of a specific property, you can utilize the Array.prototype.sort method along with a custom sorting function. In this case, you would need to extract and compare the numeric values from the 'title' property of each object within the array. Here's an example implementation:

var arr = [{
    "title": "1-Introduction"
  },
  {
    "title": "5-Introduction"
  },
  {
    "title": "20-Introduction"
  },
  {
    "title": "4-Introduction"
  }
];

arr.sort(function(a, b) {
  const aVal = parseInt(a.title.split("-")[0]);
  const bVal = parseInt(b.title.split("-")[0]);
  return aVal - bVal;
});

console.log(arr);

Sorting objects in AngularJS

Answer №1

Answer №2

Answer №3

Similar questions

Passing conditional empty variables through `res.render`

Is there a way to programmatically update the content of a React Bootstrap modal?

Retrieve the URL with a GET request and remove a specific object

What is the best way to simulate mailgun.messages().send() with Jest?

Create a custom function that scans an array and retrieves the item for a specific animal name if it exists within the array

Is there a way to display an image in a React Native app using data from a JSON file?

Steps for refreshing a JavaScript function responsible for generating a table

Seeking assistance with java.lang.ArrayIndexOutOfBoundsException in Java programming

Switching an input field from readonly to editable in ASP.NET Core

Leveraging the power of AJAX to dynamically update information on a modal form using PHP's

Attempting to keep a:active state active until another link is clicked

Jquery problem: dealing with empty spaces

Creating hierarchical dictionaries in Python for use with the json.dump function

The if-else condition is creating issues with the functionality of the buttons

What is the best way to bypass array values in PHP?

Padding an array with zeros along a specific axis

Designing draggable divs that overlap each other

Expandable Grid with UI-GRID - Automatically expand a row when clicked on

The connection to MongoDB is failing due to an incorrect URI

PHP-powered interactive web application driven by REST API