en.javascript.info/1-js/4-data-structures/7-array/array-shift.svg

<svg width="593" height="158" viewBox="0 0 593 158" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#9B9B9B" d="M0 79h37v54H0zm36 0h37v54H36z"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="110">0</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="52" y="110">1</tspan></text><path stroke="#9B9B9B" d="M72 79h37v54H72z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="88" y="110">2</tspan></text><path stroke="#9B9B9B" d="M108 79h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="124" y="110">3</tspan></text><text transform="rotate(-89 18.96 45)" font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="-12.04" y="47">&amp;quot;Яблоко&amp;quot;</tspan></text><text transform="rotate(-89 59.46 38)" font-family="Consolas" font-size="14" fill="#000"><tspan x="20.96" y="40">&amp;quot;Апельсин&amp;quot;</tspan></text><text transform="rotate(-89 92 50)" font-family="Consolas" font-size="14" fill="#000"><tspan x="65" y="52">&amp;quot;Груша&amp;quot;</tspan></text><text transform="rotate(-89 129.96 49)" font-family="Consolas" font-size="14" fill="#000"><tspan x="102.96" y="51">&amp;quot;Лимон&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="0" y="155">length = 4</tspan></text><path stroke="#9B9B9B" d="M218 79h37v54h-37zm36 0h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="233" y="110">0</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="270" y="110">1</tspan></text><path stroke="#9B9B9B" d="M290 79h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="306" y="110">2</tspan></text><path stroke="#9B9B9B" d="M326 79h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="342" y="110">3</tspan></text><text transform="rotate(-89 277.46 38)" font-family="Consolas" font-size="14" fill="#000"><tspan x="238.96" y="40">&amp;quot;Апельсин&amp;quot;</tspan></text><text transform="rotate(-89 310 50)" font-family="Consolas" font-size="14" fill="#000"><tspan x="283" y="52">&amp;quot;Груша&amp;quot;</tspan></text><text transform="rotate(-89 347.96 49)" font-family="Consolas" font-size="14" fill="#000"><tspan x="320.96" y="51">&amp;quot;Лимон&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="218" y="155">length = 4</tspan></text><path d="M213 106l-16.606-9v6H154v6h42.394v6L213 106z" fill="#000"/><text font-family="Open Sans" font-size="14" fill="#4990E2"><tspan x="150" y="95">очистить</tspan></text><path stroke="#9B9B9B" d="M484 79h37v54h-37zm36 0h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="499" y="110">0</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="536" y="110">1</tspan></text><path stroke="#9B9B9B" d="M556 79h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="572" y="110">2</tspan></text><text transform="rotate(-89 505.46 38)" font-family="Consolas" font-size="14" fill="#000"><tspan x="466.96" y="40">&amp;quot;Апельсин&amp;quot;</tspan></text><text transform="rotate(-89 538 50)" font-family="Consolas" font-size="14" fill="#000"><tspan x="511" y="52">&amp;quot;Груша&amp;quot;</tspan></text><text transform="rotate(-89 575.96 49)" font-family="Consolas" font-size="14" fill="#000"><tspan x="548.96" y="51">&amp;quot;Лимон&amp;quot;</tspan></text><text font-family="Consolas" font-size="14"><tspan x="484" y="155">length =</tspan><tspan x="553.275" y="155" fill="#4990E2">3</tspan></text><path d="M470 107l-16.606-9v6h-71.94v6.557l71.94-.557v6L470 107z" fill="#000"/><text font-family="Open Sans" font-size="14" fill="#4990E2"><tspan x="382" y="93">переместить</tspan><tspan x="382" y="131">элементы</tspan><tspan x="382" y="150">влево</tspan></text></g></svg>