{"id":2911,"date":"2024-11-12T23:14:14","date_gmt":"2024-11-12T16:14:14","guid":{"rendered":"https:\/\/fstack.io.vn\/?p=2911"},"modified":"2024-11-13T21:40:54","modified_gmt":"2024-11-13T14:40:54","slug":"destructuring-spread-syntax-rest-parameters-js","status":"publish","type":"post","link":"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/","title":{"rendered":"Destructuring, Spread Syntax v\u00e0 Rest Parameter trong javascript"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2911\" class=\"elementor elementor-2911\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69933ea e-flex e-con-boxed e-con e-parent\" data-id=\"69933ea\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19126b6 elementor-widget elementor-widget-text-editor\" data-id=\"19126b6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Trong ES6, <a href=\"https:\/\/fstack.io.vn\/blog\/mot-so-cau-hoi-phong-van-javascript-tu-co-ban-den-nang-cao\/\">JavaScript<\/a> \u0111\u00e3 gi\u1edbi thi\u1ec7u nhi\u1ec1u c\u00fa ph\u00e1p m\u1edbi nh\u1eb1m t\u0103ng t\u00ednh linh ho\u1ea1t v\u00e0 t\u1ed1i \u01b0u m\u00e3. Ba trong s\u1ed1 nh\u1eefng c\u00fa ph\u00e1p ph\u1ed5 bi\u1ebfn nh\u1ea5t l\u00e0 <strong>Destructuring<\/strong>, <strong>Rest Parameters<\/strong>, v\u00e0 <strong>Spread Syntax<\/strong>. B\u00e0i vi\u1ebft n\u00e0y s\u1ebd gi\u00fap b\u1ea1n hi\u1ec3u r\u00f5 t\u1eebng c\u00fa ph\u00e1p, c\u00e1ch s\u1eed d\u1ee5ng, v\u00e0 c\u00e1c v\u00ed d\u1ee5 th\u1ef1c t\u1ebf.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bedb4f8 elementor-widget elementor-widget-heading\" data-id=\"bedb4f8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Danh m\u1ee5c b\u00e0i vi\u1ebft<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#1_Destructuring_Assignment\" >1. Destructuring Assignment<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#11_Destructuring_trong_Mang\" >1.1 Destructuring trong M\u1ea3ng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#12_Destructuring_trong_Object\" >1.2 Destructuring trong Object<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#13_Destructuring_trong_Ham\" >1.3 Destructuring trong H\u00e0m<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#2_Rest_Parameters\" >2. Rest Parameters<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#3_Spread_Syntax\" >3. Spread Syntax<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#31_Spread_trong_Mang\" >3.1 Spread trong M\u1ea3ng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#32_Spread_trong_Object\" >3.2 Spread trong Object<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#4_So_sanh_Rest_Parameters_va_Spread_Syntax\" >4. So s\u00e1nh Rest Parameters v\u00e0 Spread Syntax<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#5_Ung_dung_Thuc_Te\" >5. \u1ee8ng d\u1ee5ng Th\u1ef1c T\u1ebf<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#51_Them_phan_tu_vao_mang\" >5.1 Th\u00eam ph\u1ea7n t\u1eed v\u00e0o m\u1ea3ng<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#52_Truyen_doi_so_vao_ham\" >5.2 Truy\u1ec1n \u0111\u1ed1i s\u1ed1 v\u00e0o h\u00e0m<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/fstack.io.vn\/blog\/destructuring-spread-syntax-rest-parameters-js\/#6_Ket_luan\" >6. K\u1ebft lu\u1eadn<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"1_Destructuring_Assignment\"><\/span>1. <strong>Destructuring Assignment<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64afe7e elementor-widget elementor-widget-text-editor\" data-id=\"64afe7e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Destructuring Assignment<\/strong> gi\u00fap b\u1ea1n tr\u00edch xu\u1ea5t d\u1eef li\u1ec7u t\u1eeb <a href=\"https:\/\/fstack.io.vn\/blog\/array-va-cach-lam-viec-voi-no-trong-javascript\/\">m\u1ea3ng<\/a> v\u00e0 <a href=\"https:\/\/fstack.io.vn\/blog\/lap-trinh-huong-doi-tuong-la-gi-mot-so-dac-trung-cua-oop\/\">\u0111\u1ed1i t\u01b0\u1ee3ng<\/a> m\u1ed9t c\u00e1ch tr\u1ef1c quan v\u00e0 g\u1ecdn g\u00e0ng.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d67b3c2 elementor-widget elementor-widget-heading\" data-id=\"d67b3c2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"11_Destructuring_trong_Mang\"><\/span>1.1 Destructuring trong M\u1ea3ng<span class=\"ez-toc-section-end\"><\/span><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cecba13 elementor-widget elementor-widget-text-editor\" data-id=\"cecba13\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: var(--postx_preset_Contrast_2_color); font-family: var(--postx_preset_Body_and_Others_typo_font_family),var(--postx_preset_Body_and_Others_typo_font_family_type); font-size: var(--postx_preset_body_typo_font_size_lg, initial); font-style: var(--postx_preset_Body_and_Others_typo_font_style); font-weight: var(--postx_preset_Body_and_Others_typo_font_weight); letter-spacing: var(--postx_preset_Body_and_Others_typo_letter_spacing_lg, normal); text-transform: var(--postx_preset_Body_and_Others_typo_text_transform); text-align: var(--text-align); background-color: var(--postx_preset_Base_1_color);\">Destructuring m\u1ea3ng cho ph\u00e9p b\u1ea1n tr\u00edch xu\u1ea5t ph\u1ea7n t\u1eed t\u1eeb m\u1ed9t m\u1ea3ng v\u00e0o c\u00e1c bi\u1ebfn ri\u00eang bi\u1ec7t:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d16cb87 elementor-widget elementor-widget-code-highlight\" data-id=\"d16cb87\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const fruits = [\"apple\", \"banana\", \"cherry\"];\r\nconst [first, second, third] = fruits;\r\n\r\nconsole.log(first); \/\/ \"apple\"\r\nconsole.log(second); \/\/ \"banana\"\r\nconsole.log(third); \/\/ \"cherry\"\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5829b99 elementor-widget elementor-widget-text-editor\" data-id=\"5829b99\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>\u0110\u1eb7t gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh:<\/b> khi ph\u1ea7n t\u1eed kh\u00f4ng t\u1ed3n t\u1ea1i trong m\u1ea3ng, b\u1ea1n c\u00f3 th\u1ec3 g\u00e1n gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96a19f4 elementor-widget elementor-widget-code-highlight\" data-id=\"96a19f4\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const [a, b, c = \"default\"] = [\"hello\"];\r\nconsole.log(c); \/\/ \"default\"\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3afadc1 elementor-widget elementor-widget-text-editor\" data-id=\"3afadc1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>B\u1ecf qua ph\u1ea7n t\u1eed:<\/b> B\u1eb1ng c\u00e1ch d\u00f9ng d\u1ea5u ph\u1ea9y, b\u1ea1n c\u00f3 th\u1ec3 b\u1ecf qua ph\u1ea7n t\u1eed.&nbsp;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-989f800 elementor-widget elementor-widget-code-highlight\" data-id=\"989f800\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const [first, , third] = [\"a\", \"b\", \"c\"];\r\nconsole.log(third); \/\/ \"c\"\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a90a2e elementor-widget elementor-widget-heading\" data-id=\"5a90a2e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"12_Destructuring_trong_Object\"><\/span>1.2 Destructuring trong Object<span class=\"ez-toc-section-end\"><\/span><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53e5d1b elementor-widget elementor-widget-text-editor\" data-id=\"53e5d1b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: var(--postx_preset_contrast_2_color); font-family: var(--postx_preset_Body_and_Others_typo_font_family),var(--postx_preset_Body_and_Others_typo_font_family_type); font-size: var(--postx_preset_body_typo_font_size_lg, initial); font-style: var(--postx_preset_Body_and_Others_typo_font_style); font-weight: var(--postx_preset_Body_and_Others_typo_font_weight); letter-spacing: var(--postx_preset_Body_and_Others_typo_letter_spacing_lg, normal); text-transform: var(--postx_preset_Body_and_Others_typo_text_transform); text-align: var(--text-align); background-color: var(--postx_preset_base_1_color);\">V\u1edbi object, Destructuring gi\u00fap b\u1ea1n tr\u00edch xu\u1ea5t thu\u1ed9c t\u00ednh v\u00e0o c\u00e1c bi\u1ebfn nhanh ch\u00f3ng.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cb858f elementor-widget elementor-widget-code-highlight\" data-id=\"1cb858f\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const person = { name: \"Alice\", age: 25, country: \"Vietnam\" };\r\nconst { name, age } = person;\r\n\r\nconsole.log(name); \/\/ \"Alice\"\r\nconsole.log(age); \/\/ 25\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a183be8 elementor-widget elementor-widget-text-editor\" data-id=\"a183be8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>\u0110\u1ed5i t\u00ean bi\u1ebfn<\/strong>: B\u1ea1n c\u00f3 th\u1ec3 \u0111\u1eb7t t\u00ean m\u1edbi cho bi\u1ebfn khi destructuring<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6013e1 elementor-widget elementor-widget-code-highlight\" data-id=\"c6013e1\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const { name: fullName, age } = person;\r\nconsole.log(fullName); \/\/ \"Alice\"\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ea5cad elementor-widget elementor-widget-text-editor\" data-id=\"3ea5cad\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh<\/strong>: T\u01b0\u01a1ng t\u1ef1 m\u1ea3ng, gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng khi thu\u1ed9c t\u00ednh kh\u00f4ng t\u1ed3n t\u1ea1i.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37a3dd1 elementor-widget elementor-widget-code-highlight\" data-id=\"37a3dd1\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const { gender = \"unknown\" } = person;\r\nconsole.log(gender); \/\/ \"unknown\"\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7914980 elementor-widget elementor-widget-heading\" data-id=\"7914980\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"13_Destructuring_trong_Ham\"><\/span>1.3 Destructuring trong H\u00e0m<span class=\"ez-toc-section-end\"><\/span><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e60c7a0 elementor-widget elementor-widget-text-editor\" data-id=\"e60c7a0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng destructuring ngay trong tham s\u1ed1 c\u1ee7a h\u00e0m:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55d5e13 elementor-widget elementor-widget-code-highlight\" data-id=\"55d5e13\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>function display({ name, age }) {\r\n  console.log(`Name: ${name}, Age: ${age}`);\r\n}\r\n\r\nconst user = { name: \"Bob\", age: 30 };\r\ndisplay(user); \/\/ \"Name: Bob, Age: 30\"\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3788667 elementor-widget elementor-widget-heading\" data-id=\"3788667\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"2_Rest_Parameters\"><\/span>2. <strong>Rest Parameters<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-873d90e elementor-widget elementor-widget-text-editor\" data-id=\"873d90e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Rest Parameters<\/strong> cho ph\u00e9p b\u1ea1n thu th\u1eadp m\u1ed9t l\u01b0\u1ee3ng tham s\u1ed1 kh\u00f4ng gi\u1edbi h\u1ea1n v\u00e0o m\u1ed9t m\u1ea3ng.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c031af elementor-widget elementor-widget-code-highlight\" data-id=\"8c031af\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>function sum(...numbers) {\r\n  return numbers.reduce((acc, curr) => acc + curr, 0);\r\n}\r\n\r\nconsole.log(sum(1, 2, 3, 4)); \/\/ 10\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fb65c5 elementor-widget elementor-widget-text-editor\" data-id=\"8fb65c5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>T\u1ed5ng h\u1ee3p c\u00e1c tham s\u1ed1 c\u00f2n l\u1ea1i<\/strong>: Rest Parameters l\u1ea5y c\u00e1c tham s\u1ed1 c\u00f2n l\u1ea1i sau c\u00e1c tham s\u1ed1 kh\u00e1c.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a46f36e elementor-widget elementor-widget-code-highlight\" data-id=\"a46f36e\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>function display(first, ...others) {\r\n  console.log(first); \/\/ gi\u00e1 tr\u1ecb \u0111\u1ea7u ti\u00ean\r\n  console.log(others); \/\/ m\u1ea3ng ch\u1ee9a c\u00e1c gi\u00e1 tr\u1ecb c\u00f2n l\u1ea1i\r\n}\r\ndisplay(1, 2, 3, 4); \/\/ 1, [2, 3, 4]\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0195c68 elementor-widget elementor-widget-text-editor\" data-id=\"0195c68\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>L\u01b0u \u00fd<\/strong>: Rest Parameters lu\u00f4n ph\u1ea3i \u0111\u1eb7t \u1edf cu\u1ed1i danh s\u00e1ch tham s\u1ed1 c\u1ee7a h\u00e0m.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c5bce0 elementor-widget elementor-widget-heading\" data-id=\"6c5bce0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"3_Spread_Syntax\"><\/span>3. Spread Syntax<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-981abc8 elementor-widget elementor-widget-text-editor\" data-id=\"981abc8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Spread Syntax \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 tr\u1ea3i c\u00e1c ph\u1ea7n t\u1eed c\u1ee7a m\u1ea3ng ho\u1eb7c \u0111\u1ed1i t\u01b0\u1ee3ng v\u00e0o m\u1ed9t v\u1ecb tr\u00ed m\u1edbi. \u0110\u00e2y l\u00e0 <a href=\"https:\/\/fstack.io.vn\/blog\/top-10-cong-cu-digital-marketing-co-ban-cho-nguoi-moi-bat-dau\/\">c\u00f4ng c\u1ee5<\/a> h\u1eefu \u00edch \u0111\u1ec3 <a href=\"https:\/\/fstack.io.vn\/blog\/10-the-meta-ma-ban-nen-biet-khi-lam-seo-website\/\">sao<\/a> ch\u00e9p ho\u1eb7c k\u1ebft h\u1ee3p d\u1eef li\u1ec7u.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b607a2 elementor-widget elementor-widget-heading\" data-id=\"0b607a2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"31_Spread_trong_Mang\"><\/span>3.1 Spread trong M\u1ea3ng<span class=\"ez-toc-section-end\"><\/span><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82789e5 elementor-widget elementor-widget-text-editor\" data-id=\"82789e5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>K\u1ebft h\u1ee3p m\u1ea3ng<\/strong>: Spread Syntax gi\u00fap k\u1ebft h\u1ee3p nhi\u1ec1u m\u1ea3ng l\u1ea1i th\u00e0nh m\u1ed9t m\u1ea3ng m\u1edbi.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88011bf elementor-widget elementor-widget-code-highlight\" data-id=\"88011bf\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const arr1 = [1, 2];\r\nconst arr2 = [3, 4];\r\nconst combined = [...arr1, ...arr2];\r\nconsole.log(combined); \/\/ [1, 2, 3, 4]\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab8779a elementor-widget elementor-widget-text-editor\" data-id=\"ab8779a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Sao ch\u00e9p m\u1ea3ng<\/strong>: Spread Syntax t\u1ea1o ra m\u1ed9t b\u1ea3n sao \u0111\u1ed9c l\u1eadp c\u1ee7a m\u1ea3ng.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53c6d72 elementor-widget elementor-widget-code-highlight\" data-id=\"53c6d72\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const original = [1, 2, 3];\r\nconst copy = [...original];\r\ncopy.push(4);\r\nconsole.log(original); \/\/ [1, 2, 3]\r\nconsole.log(copy); \/\/ [1, 2, 3, 4]\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5d0897 elementor-widget elementor-widget-heading\" data-id=\"e5d0897\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"32_Spread_trong_Object\"><\/span>3.2 Spread trong Object<span class=\"ez-toc-section-end\"><\/span><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32588f0 elementor-widget elementor-widget-text-editor\" data-id=\"32588f0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>K\u1ebft h\u1ee3p object<\/strong>: Spread gi\u00fap k\u1ebft h\u1ee3p thu\u1ed9c t\u00ednh c\u1ee7a nhi\u1ec1u object v\u00e0o m\u1ed9t object m\u1edbi.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db41491 elementor-widget elementor-widget-code-highlight\" data-id=\"db41491\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const obj1 = { a: 1, b: 2 };\r\nconst obj2 = { b: 3, c: 4 };\r\nconst combinedObj = { ...obj1, ...obj2 };\r\nconsole.log(combinedObj); \/\/ { a: 1, b: 3, c: 4 }\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-013655b elementor-widget elementor-widget-text-editor\" data-id=\"013655b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Sao ch\u00e9p object<\/strong>: T\u01b0\u01a1ng t\u1ef1 m\u1ea3ng, b\u1ea1n c\u00f3 th\u1ec3 sao ch\u00e9p object \u0111\u1ec3 t\u1ea1o m\u1ed9t b\u1ea3n sao \u0111\u1ed9c l\u1eadp.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72dc922 elementor-widget elementor-widget-code-highlight\" data-id=\"72dc922\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const originalObj = { x: 10, y: 20 };\r\nconst copyObj = { ...originalObj };\r\ncopyObj.z = 30;\r\nconsole.log(originalObj); \/\/ { x: 10, y: 20 }\r\nconsole.log(copyObj); \/\/ { x: 10, y: 20, z: 30 }\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39c60e9 elementor-widget elementor-widget-heading\" data-id=\"39c60e9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"4_So_sanh_Rest_Parameters_va_Spread_Syntax\"><\/span>4. So s\u00e1nh Rest Parameters v\u00e0 Spread Syntax<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fcb9ef elementor-widget elementor-widget-text-editor\" data-id=\"3fcb9ef\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<table><thead><tr><th>\u0110\u1eb7c \u0111i\u1ec3m<\/th><th>Rest Parameters<\/th><th>Spread Syntax<\/th><\/tr><\/thead><tbody><tr><td>C\u00fa ph\u00e1p<\/td><td><code>...rest<\/code><\/td><td><code>...spread<\/code><\/td><\/tr><tr><td>M\u1ee5c \u0111\u00edch ch\u00ednh<\/td><td>Thu th\u1eadp nhi\u1ec1u tham s\u1ed1 th\u00e0nh m\u1ed9t m\u1ea3ng<\/td><td>Tr\u1ea3i ph\u1ea7n t\u1eed t\u1eeb m\u1ea3ng ho\u1eb7c object<\/td><\/tr><tr><td>V\u1ecb tr\u00ed s\u1eed d\u1ee5ng<\/td><td>Trong tham s\u1ed1 h\u00e0m<\/td><td>Trong khai b\u00e1o bi\u1ebfn ho\u1eb7c g\u1ecdi h\u00e0m<\/td><\/tr><\/tbody><\/table>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d5cc4e elementor-widget elementor-widget-heading\" data-id=\"0d5cc4e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"5_Ung_dung_Thuc_Te\"><\/span>5. \u1ee8ng d\u1ee5ng Th\u1ef1c T\u1ebf<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-900f5ed elementor-widget elementor-widget-heading\" data-id=\"900f5ed\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"51_Them_phan_tu_vao_mang\"><\/span>5.1 Th\u00eam ph\u1ea7n t\u1eed v\u00e0o m\u1ea3ng<span class=\"ez-toc-section-end\"><\/span><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-010728d elementor-widget elementor-widget-text-editor\" data-id=\"010728d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Khi l\u00e0m vi\u1ec7c v\u1edbi m\u1ea3ng trong <a href=\"https:\/\/fstack.io.vn\/blog\/react-query-la-gi-tai-sao-nen-dung-react-query\/\">React<\/a>, b\u1ea1n c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng th\u00eam ph\u1ea7n t\u1eed b\u1eb1ng Spread Syntax:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55775dd elementor-widget elementor-widget-code-highlight\" data-id=\"55775dd\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>const list = [\"Item 1\", \"Item 2\"];\r\nconst newList = [...list, \"Item 3\"];\r\nconsole.log(newList); \/\/ [\"Item 1\", \"Item 2\", \"Item 3\"]\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-996d87b elementor-widget elementor-widget-heading\" data-id=\"996d87b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"52_Truyen_doi_so_vao_ham\"><\/span>5.2 Truy\u1ec1n \u0111\u1ed1i s\u1ed1 v\u00e0o h\u00e0m<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e76d3c2 elementor-widget elementor-widget-text-editor\" data-id=\"e76d3c2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Spread Syntax cho ph\u00e9p b\u1ea1n truy\u1ec1n ph\u1ea7n t\u1eed t\u1eeb m\u1ed9t m\u1ea3ng v\u00e0o m\u1ed9t h\u00e0m.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b615d9 elementor-widget elementor-widget-code-highlight\" data-id=\"8b615d9\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>function greet(g1, g2) {\r\n  console.log(`${g1} and ${g2}`);\r\n}\r\nconst greetings = [\"Hello\", \"Hi\"];\r\ngreet(...greetings); \/\/ \"Hello and Hi\"\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dd3b13 elementor-widget elementor-widget-heading\" data-id=\"7dd3b13\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"6_Ket_luan\"><\/span>6. K\u1ebft lu\u1eadn<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acbcd1c elementor-widget elementor-widget-text-editor\" data-id=\"acbcd1c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Destructuring, Rest Parameters v\u00e0 Spread Syntax l\u00e0 ba c\u00f4ng c\u1ee5 m\u1ea1nh m\u1ebd gi\u00fap m\u00e3 JavaScript ng\u1eafn g\u1ecdn, d\u1ec5 hi\u1ec3u v\u00e0 d\u1ec5 b\u1ea3o tr\u00ec h\u01a1n. Vi\u1ec7c n\u1eafm v\u1eefng c\u00e1c c\u00fa ph\u00e1p n\u00e0y s\u1ebd gi\u00fap b\u1ea1n t\u1ed1i \u01b0u h\u00f3a m\u00e3 ngu\u1ed3n v\u00e0 l\u00e0m vi\u1ec7c hi\u1ec7u qu\u1ea3 h\u01a1n v\u1edbi d\u1eef li\u1ec7u trong JavaScript.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9653907 elementor-widget elementor-widget-heading\" data-id=\"9653907\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Operators\/Destructuring_assignment\" rel=\"nofollow noopener\" target=\"_blank\">Click \u0111\u1ec3 xem chi ti\u1ebft<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48dda69 elementor-widget elementor-widget-text-editor\" data-id=\"48dda69\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u1ede tr\u00ean l\u00e0 1 s\u1ed1 chia s\u1ebb v\u1ec1 ki\u1ebfn th\u1ee9c JavaScript c\u1ee7a m\u00ecnh, v\u00ec \u0111\u00e2y \u0111a ph\u1ea7n l\u00e0 ki\u1ebfn th\u1ee9c m\u00ecnh t\u1ef1 h\u1ecdc n\u00ean c\u00f3 th\u1ec3 b\u00e0i vi\u1ebft n\u00e0y c\u00f3 th\u1ec3 c\u00f3 nhi\u1ec1u ch\u1ed7 ch\u01b0a ch\u00ednh x\u00e1c v\u00e0 thi\u1ebfu s\u00f3t, mong m\u1ecdi ng\u01b0\u1eddi g\u00f3p \u00fd \u1edf d\u01b0\u1edbi ph\u1ea7n b\u00ecnh lu\u1eadn \u0111\u1ec3 b\u00e0i vi\u1ebft th\u00eam ho\u00e0n ch\u1ec9nh v\u00e0 x\u00e2y d\u1ef1ng m\u1ed9t c\u1ed9ng \u0111\u1ed3ng n\u01a1i m\u1ecdi ng\u01b0\u1eddi c\u00f3 th\u1ec3 chia s\u1ebb kinh nghi\u1ec7m&nbsp;<a href=\"https:\/\/fstack.io.vn\/lap-trinh-la-gi-mot-so-dac-diem-cua-lap-trinh-ma-ban-nen-biet\/\">l\u1eadp tr\u00ecnh<\/a>&nbsp;cho nhau&nbsp;\ud83d\ude18.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Trong ES6, JavaScript \u0111\u00e3 gi\u1edbi thi\u1ec7u nhi\u1ec1u c\u00fa ph\u00e1p m\u1edbi nh\u1eb1m t\u0103ng t\u00ednh linh ho\u1ea1t v\u00e0 t\u1ed1i \u01b0u m\u00e3. Ba trong s\u1ed1 nh\u1eefng c\u00fa ph\u00e1p ph\u1ed5 bi\u1ebfn nh\u1ea5t l\u00e0 Destructuring, Rest Parameters, v\u00e0 Spread Syntax. B\u00e0i vi\u1ebft n\u00e0y s\u1ebd gi\u00fap b\u1ea1n hi\u1ec3u r\u00f5 t\u1eebng c\u00fa ph\u00e1p, c\u00e1ch s\u1eed d\u1ee5ng, v\u00e0 c\u00e1c v\u00ed d\u1ee5 th\u1ef1c t\u1ebf. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":2913,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[73],"tags":[74],"class_list":["post-2911","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-destructuring"],"acf":[],"jetpack_featured_media_url":"https:\/\/fstack.io.vn\/blog\/wp-content\/uploads\/2024\/11\/Thiet-ke-chua-co-ten.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/posts\/2911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/comments?post=2911"}],"version-history":[{"count":13,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/posts\/2911\/revisions"}],"predecessor-version":[{"id":2933,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/posts\/2911\/revisions\/2933"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/media\/2913"}],"wp:attachment":[{"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/media?parent=2911"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/categories?post=2911"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/tags?post=2911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}