{"id":734,"date":"2014-09-13T19:26:58","date_gmt":"2014-09-13T19:26:58","guid":{"rendered":"http:\/\/blog.silverterra.net\/?p=734"},"modified":"2015-02-07T01:27:38","modified_gmt":"2015-02-07T01:27:38","slug":"js-array-cheet-sheet","status":"publish","type":"post","link":"https:\/\/blog.silverterra.net\/?p=734","title":{"rendered":"js array Cheet Sheet"},"content":{"rendered":"

Goal: Collect the array manipulation methods<\/p><\/blockquote>\n

1. add item to an array<\/b><\/p>\n

\r\n  unshift  ->  array  <-  push\r\n[\/html]\r\n<strong>unshift<\/strong>: The unshift() method adds one or more elements to the beginning of an array and returns the new length of the array.\r\n<strong>push<\/strong>: The push() method adds one or more elements to the end of an array and returns the new length of the array.\r\n\r\n<b>2. remove item from an array<\/b>\r\n\r\n[html]\r\n  shift    <-  array  ->  pop\r\n<\/pre>\n
shift:<\/strong> The shift() method removes the first element from an array and returns that element. This method changes the length of the array.
\npop:<\/strong> The pop() method removes the last element from an array and returns that element.<\/p>\n
3. insert item to an array<\/b>
\nThere is no general solution to do this. Let's extend the array object with the insert method like this:<\/p>\n
\r\nArray.prototype.insert = function(index) {\r\n  index = Math.min(index, this.length);\r\n  arguments.length > 1\r\n    && this.splice.apply(this, [index, 0].concat([].pop.call(arguments)))\r\n    && this.insert.apply(this, arguments);\r\n  return this;\r\n};\r\n<\/pre>\n
and the calling is:<\/p>\n
\r\n  ["a", "b", "c"].insert(2, "V", ["X", "Y", "A"], "Z");\r\n  the result will be: ["a", "b", "V", "X", "Y", "A", "Z", "c"]\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
Goal: Collect the array manipulation methods 1. add item to an array shift: The shift() method removes the first element from an array and returns that element. This method changes the length of the array. pop: The pop() method removes the last element from an array and returns that element. 3. insert item to an […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,3],"tags":[],"class_list":["post-734","post","type-post","status-publish","format-standard","hentry","category-cheetsheet","category-javascript"],"_links":{"self":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts\/734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=734"}],"version-history":[{"count":1,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts\/734\/revisions"}],"predecessor-version":[{"id":735,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts\/734\/revisions\/735"}],"wp:attachment":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}