Array Size Extension

Never Lose Track of Your Array Sizes Again

Array Size Extension provides intuitive inlay hints that display the size of arrays right in your JavaScript, TypeScript, and JSON code. This makes it easier to understand and manage your code without having to manually count array elements.

Features

Real-time Array Size Display: See the size of arrays directly in your code as inlay hints
Support for Complex Array Types: Works with arrays containing strings with commas, nested arrays, objects, and more
JavaScript, TypeScript & JSON Support: Fully compatible with these languages
Lightweight & Performance-Optimized: Minimal impact on your coding experience

How It Works

The extension analyzes your JavaScript, TypeScript, and JSON code to identify array literals and displays their size directly in your editor. For example:

// JavaScript
const simpleArray = [1, 2, 3, 4, 5]; // Shows "[5]"
const complexArray = ['a,b', { name: 'test' }, [1, 2]]; // Shows "[3]"

// JSON
{
  "items": [1, 2, 3, 4, 5],  // Shows "[5]"
  "nestedData": [
    {"id": 1, "name": "Item 1"},
    {"id": 2, "name": "Item 2"}
  ]  // Shows "[2]"
}

Working With Complex Arrays

Array Size Extension intelligently handles complex scenarios:

Strings with commas: ['a,b', 'c,d'] is correctly counted as 2 elements
Nested arrays: The extension counts top-level elements
Object literals: Objects in arrays are counted as single elements
Comments: Comments inside arrays are ignored for counting

Installation

Open VS Code
Go to Extensions (or press Ctrl+Shift+X)
Search for "Array Size Extension"
Click Install

Usage

The extension activates automatically when you open JavaScript, TypeScript, or JSON files. You'll immediately see the size hints at the end of array declarations.

Feedback & Contributions

Buy Me a Coffee

If you appreciate the extension and would like to support its development, feel free to buy me a coffee! Your support helps keep the project alive and improving. ☕💖

License

This extension is licensed under the MIT License.

Credits

Created by Vincent Devalliere