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

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="610px" height="175px" viewBox="0 0 610 175" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
    <!-- Generator: bin/sketchtool 1.3 (252) - http://www.bohemiancoding.com/sketch -->
    <title>array-shift.svg</title>
    <desc>Created with bin/sketchtool.</desc>
    <defs></defs>
    <g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
        <g id="array-shift.svg" sketch:type="MSArtboardGroup">
            <text id="1" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="63" y="116.973154">1</tspan>
            </text>
            <rect id="Rectangle-3" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="83" y="85.973154" width="37" height="54"></rect>
            <text id="2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="99" y="116.973154">2</tspan>
            </text>
            <rect id="Rectangle-4" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="119" y="85.973154" width="37" height="54"></rect>
            <text id="3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="135" y="116.973154">3</tspan>
            </text>
            <text id="&quot;Апельсин&quot;" sketch:type="MSTextLayer" transform="translate(70.500000, 44.973154) rotate(-89.000000) translate(-70.500000, -44.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="32" y="46.973154">"Апельсин"</tspan>
            </text>
            <text id="&quot;Груша&quot;" sketch:type="MSTextLayer" transform="translate(103.000000, 56.973154) rotate(-89.000000) translate(-103.000000, -56.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="76" y="58.973154">"Груша"</tspan>
            </text>
            <text id="&quot;Лимон&quot;" sketch:type="MSTextLayer" transform="translate(141.000000, 55.973154) rotate(-89.000000) translate(-141.000000, -55.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="114" y="57.973154">"Лимон"</tspan>
            </text>
            <text id="length-=-4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="172" y="63.973154">length = 4</tspan>
            </text>
            <rect id="Rectangle-8" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="229" y="85.973154" width="37" height="54"></rect>
            <rect id="Rectangle-5" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="265" y="85.973154" width="37" height="54"></rect>
            <text id="-1" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#EE6B47">
                <tspan x="244" y="116.973154">0</tspan>
            </text>
            <text id="-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="281" y="116.973154">1</tspan>
            </text>
            <rect id="Rectangle-6" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="301" y="85.973154" width="37" height="54"></rect>
            <text id="-3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="317" y="116.973154">2</tspan>
            </text>
            <rect id="Rectangle-7" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="337" y="85.973154" width="37" height="54"></rect>
            <text id="-4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="353" y="116.973154">3</tspan>
            </text>
            <text id="&quot;Апельсин&quot;-2" sketch:type="MSTextLayer" transform="translate(288.500000, 44.973154) rotate(-89.000000) translate(-288.500000, -44.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="250" y="46.973154">"Апельсин"</tspan>
            </text>
            <text id="&quot;Груша&quot;-2" sketch:type="MSTextLayer" transform="translate(321.000000, 56.973154) rotate(-89.000000) translate(-321.000000, -56.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="294" y="58.973154">"Груша"</tspan>
            </text>
            <text id="&quot;Лимон&quot;-2" sketch:type="MSTextLayer" transform="translate(359.000000, 55.973154) rotate(-89.000000) translate(-359.000000, -55.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="332" y="57.973154">"Лимон"</tspan>
            </text>
            <text id="length-=-5" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="390" y="63.973154">length = 4</tspan>
            </text>
            <path d="M195,141.973154 L204,125.366988 L198,125.366988 L198,82.973154 L192,82.973154 L192,125.366988 L186,125.366988 L195,141.973154 Z" id="Shape" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(195.000000, 112.473154) rotate(-90.000000) translate(-195.000000, -112.473154) "></path>
            <text id="очистить" sketch:type="MSTextLayer" font-family="Open Sans" font-size="14" font-weight="normal" fill="#EE6B47">
                <tspan x="161" y="101.973154">очистить</tspan>
            </text>
            <text id="переместить" sketch:type="MSTextLayer" font-family="Open Sans" font-size="14" font-weight="normal" fill="#EE6B47">
                <tspan x="393" y="99.973154">переместить</tspan>
                <tspan x="393" y="118.973154"></tspan>
                <tspan x="393" y="137.973154">элементы</tspan>
                <tspan x="393" y="156.973154">влево</tspan>
            </text>
            <rect id="Rectangle-1" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="11" y="86" width="37" height="54"></rect>
            <rect id="Rectangle-2" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="47" y="85.973154" width="37" height="54"></rect>
            <text id="0" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#EE6B47">
                <tspan x="26" y="116.973154">0</tspan>
            </text>
            <text id="&quot;Яблоко&quot;" sketch:type="MSTextLayer" transform="translate(30.000000, 51.973154) rotate(-89.000000) translate(-30.000000, -51.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#EE6B47">
                <tspan x="-1" y="53.973154">"Яблоко"</tspan>
            </text>
            <path d="M437,158.519052 L446,141.912886 L440,141.912886 L440,69.973154 L433.442871,69.973154 L434,141.912886 L428,141.912886 L437,158.519052 Z" id="Shape-2" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(437.000000, 114.246103) rotate(-90.000000) translate(-437.000000, -114.246103) "></path>
            <rect id="Rectangle-12" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="495" y="85.973154" width="37" height="54"></rect>
            <rect id="Rectangle-9" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="531" y="85.973154" width="37" height="54"></rect>
            <text id="-5" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="510" y="116.973154">0</tspan>
            </text>
            <text id="-6" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="547" y="116.973154">1</tspan>
            </text>
            <rect id="Rectangle-10" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="567" y="85.973154" width="37" height="54"></rect>
            <text id="-7" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="583" y="116.973154">2</tspan>
            </text>
            <text id="&quot;Апельсин&quot;-3" sketch:type="MSTextLayer" transform="translate(516.500000, 44.973154) rotate(-89.000000) translate(-516.500000, -44.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="478" y="46.973154">"Апельсин"</tspan>
            </text>
            <text id="&quot;Груша&quot;-3" sketch:type="MSTextLayer" transform="translate(549.000000, 56.973154) rotate(-89.000000) translate(-549.000000, -56.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="522" y="58.973154">"Груша"</tspan>
            </text>
            <text id="&quot;Лимон&quot;-3" sketch:type="MSTextLayer" transform="translate(587.000000, 55.973154) rotate(-89.000000) translate(-587.000000, -55.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="560" y="57.973154">"Лимон"</tspan>
            </text>
            <text id="length-=-3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal">
                <tspan x="495" y="161.973154" fill="#8A704D">length = </tspan>
                <tspan x="564.275391" y="161.973154" fill="#EE6B47">3</tspan>
            </text>
        </g>
    </g>
</svg>