1
00:00:02,630 --> 00:00:09,830
Dalam JavaScript modern, ada dua operator penting yang juga harus Anda waspadai, karena semua akan menggunakannya

2
00:00:09,830 --> 00:00:11,600
untuk kursus juga.

3
00:00:12,080 --> 00:00:14,110
Dan itu untuk beristirahat dan menyebar.

4
00:00:14,270 --> 00:00:18,950
Operator tahu secara spesifik operator spread adalah yang akan kami gunakan sedikit.

5
00:00:19,550 --> 00:00:26,390
Katakanlah kita ingin menerapkan pola di mana ketika kita menambahkan hobi baru, kita tidak mengedit array

6
00:00:26,390 --> 00:00:30,740
asli, tetapi kita membuat array baru dengan semua nilai lama.

7
00:00:31,190 --> 00:00:37,610
Dan nilai baru itu sebenarnya adalah pola yang cukup umum yang disebut immutability, di mana kami tidak pernah menambahkan nilai

8
00:00:37,610 --> 00:00:41,300
yang ada, tetapi di mana kami selalu menggantinya dengan salinan.

9
00:00:41,420 --> 00:00:42,950
Ditambah perubahannya.

10
00:00:43,180 --> 00:00:44,270
Dan itu semua polanya.

11
00:00:44,270 --> 00:00:45,770
Saya akan menggunakan cukup banyak dalam kursus.

12
00:00:46,310 --> 00:00:52,760
Gagasan di balik itu adalah bahwa kita menghindari kesalahan karena kita selalu memiliki pendekatan penyalinan yang jelas ini.

13
00:00:52,910 --> 00:00:58,250
Kemudian tambahkan dan jangan edit objek yang ada yang dapat menyebabkan kode lebih terbaca.

14
00:00:58,910 --> 00:01:00,320
Sekarang untuk menyalin array.

15
00:01:00,710 --> 00:01:03,680
Katakanlah di sini saya membuat array Kopit.

16
00:01:04,100 --> 00:01:06,320
Kami punya beberapa teknik yang memungkinkan.

17
00:01:06,650 --> 00:01:08,780
Salah satunya adalah digunakan untuk mengiris operator.

18
00:01:09,200 --> 00:01:15,260
Sekarang jika saya output array yang disalin di sana dan saya menjalankan node play catur, saya melihat olahraga dan memasak.

19
00:01:15,260 --> 00:01:16,520
Jadi saya memang menyalinnya.

20
00:01:17,000 --> 00:01:19,520
Slice cukup menyalin array.

21
00:01:19,730 --> 00:01:24,800
Kita bisa memberikan argumen untuk mempersempit rentang elemen yang ingin kita salin tanpa argumen.

22
00:01:24,860 --> 00:01:26,270
Kami menyalin seluruh array.

23
00:01:27,320 --> 00:01:30,470
Sekarang, alih-alih mengiris, ada juga teknik yang berbeda.

24
00:01:31,070 --> 00:01:35,570
Kita bisa membuat array baru dengan tanda kurung siku dan kita bisa menambahkan tatapan Hobbie.

25
00:01:35,570 --> 00:01:35,920
Baik?

26
00:01:36,410 --> 00:01:38,540
Sekarang apa yang terjadi jika kita menjalankan ini?

27
00:01:38,900 --> 00:01:40,550
Apa yang akan kita lihat di konsol?

28
00:01:41,590 --> 00:01:43,880
Nah, jika saya menekan enter, kita lihat.

29
00:01:44,170 --> 00:01:50,080
Yah, sepertinya salinan pada pandangan pertama, tetapi sebenarnya ini adalah array tanpa array di dalamnya.

30
00:01:50,530 --> 00:01:53,290
Jadi array luar hanya memiliki satu elemen.

31
00:01:53,510 --> 00:01:54,700
Dan itulah array dalam.

32
00:01:55,150 --> 00:01:56,290
Jadi ini bukan salinan.

33
00:01:56,470 --> 00:02:00,190
Hanya saja array baru di mana elemen pertama adalah array lama.

34
00:02:00,370 --> 00:02:02,590
Dan dengan itu, maksud saya objek yang sama persis.

35
00:02:02,680 --> 00:02:03,850
Bukan salinannya.

36
00:02:04,810 --> 00:02:06,320
Jadi kami baru saja membuat.

37
00:02:07,690 --> 00:02:08,860
Array bersarang di sini.

38
00:02:09,050 --> 00:02:11,620
Tentu saja itu bukan yang ingin kami lakukan di sini.

39
00:02:12,340 --> 00:02:17,400
Dan di sini kita dapat menggunakan untuk menyebarkan operator, operator penyebaran adalah titik-titik gratis.

40
00:02:17,440 --> 00:02:20,680
Kita dapat menambahkan di depan array atau objek.

41
00:02:21,460 --> 00:02:25,900
Dan titik-titik gratis ini adalah operator hanya sebagai plus atau minus R.

42
00:02:26,830 --> 00:02:28,120
Dan mereka melakukan satu hal.

43
00:02:28,930 --> 00:02:38,590
Mereka mengambil array atau objek ini setelah operator dan mengeluarkan semua elemen atau properti.

44
00:02:38,650 --> 00:02:47,710
Jadi semua elemen dari sebuah array atau semua properti dari suatu objek dan menaruhnya ke apapun yang ada di sekitar penyebaran

45
00:02:47,740 --> 00:02:48,430
hutang.

46
00:02:48,460 --> 00:02:52,210
Operator Dalam hal ini kami punya tanda kurung di sekitar spread.

47
00:02:52,210 --> 00:02:59,410
Operator Dan karena itu semua elemen yang ditarik dari array yang ada ditambahkan ke array

48
00:02:59,410 --> 00:03:00,040
baru.

49
00:03:00,730 --> 00:03:06,010
Dan oleh karena itu, jika saya menjalankan musim gugur ini lagi, saya menangis dan saya menyimpannya sebelum menjalankannya lagi.

50
00:03:06,550 --> 00:03:09,970
Sekarang kita melihat ini adalah output dari pendekatan lama, array bersarang.

51
00:03:10,420 --> 00:03:12,520
Sekarang kami tidak punya array bersarang lagi.

52
00:03:12,610 --> 00:03:13,810
Kami punya satu array.

53
00:03:13,960 --> 00:03:21,160
Dan ini sekarang merupakan salinan dari yang lama, karena kami mengambil operator penyebaran ini untuk mengeluarkan elemen-elemen ini dan

54
00:03:21,370 --> 00:03:24,880
menambahkannya satu per satu ke array yang baru.

55
00:03:25,720 --> 00:03:26,830
Jadi ini adalah sesuatu yang akan Anda lihat.

56
00:03:26,830 --> 00:03:30,760
Kami melakukan banyak hal untuk menyalin array atau objek yang ada.

57
00:03:30,760 --> 00:03:32,350
Sterrett akan bekerja dengan cara yang sama.

58
00:03:32,860 --> 00:03:37,780
Kita bisa meminta orang yang kita salin dengan menggunakan kurung kurawal.

59
00:03:38,230 --> 00:03:42,280
Kemudian operator menyebar, titik-titik gratis dan kemudian orang tua.

60
00:03:42,910 --> 00:03:45,670
Dan sekarang jika konsol mengunci orang yang disalin di sini.

61
00:03:47,860 --> 00:03:49,880
Dan saya mengeksekusi musim gugur ini lagi.

62
00:03:50,240 --> 00:03:56,750
Ini adalah orang Kopit kami di sini karena saya mengeluarkan semua elemen ini dari objek itu dan saya menambahkannya

63
00:03:56,750 --> 00:03:57,920
ke objek baru.

64
00:03:58,130 --> 00:04:00,890
Jadi ini berfungsi untuk objek dan array.

65
00:04:01,100 --> 00:04:02,750
Dan itu adalah Syntex.

66
00:04:02,810 --> 00:04:04,520
Saya akan menggunakan sedikit dalam kursus ini.

67
00:04:05,150 --> 00:04:06,230
Sekarang apakah ini menyebar?

68
00:04:06,260 --> 00:04:14,150
Operator, saya juga menyebutkan operator sisanya dan operator sisanya pada dasarnya sebaliknya.

69
00:04:15,270 --> 00:04:18,560
Katakanlah saya memiliki fungsi yang saya akan beri nama dua array.

70
00:04:19,320 --> 00:04:20,400
Ini fungsi panah.

71
00:04:21,090 --> 00:04:26,160
Dan di sana saya berharap argumen adalah satu busur ke busur gratis.

72
00:04:27,320 --> 00:04:30,050
Saya ingin mengembalikan array yang berisi argumen ini.

73
00:04:30,470 --> 00:04:32,600
Gibson mengeluarkan tanda sama dengan di sini.

74
00:04:32,900 --> 00:04:38,810
Jadi ketika saya mengembalikan array yang berisi argumen ini, saya bisa mengembalikan tanda kurung siku di sini, tentu saja.

75
00:04:39,260 --> 00:04:41,300
Dan kemudian elemen pertama akan menjadi AAG.

76
00:04:41,960 --> 00:04:45,710
Lalu saya punya ARC dua adalah elemen kedua dan arc bebas adalah elemen pertama.

77
00:04:47,160 --> 00:04:57,410
Sekarang saya dapat konsol kunci ke array dan saya melewati satu, dua dan tiga sebagai argumen bebas untuk fungsi itu.

78
00:04:58,420 --> 00:05:03,070
Jika sekarang saya menjalankan permainan catur, kita melihat sebuah array dengan satu, dua dan tiga D tiga elemen.

79
00:05:03,190 --> 00:05:06,490
Jadi ini berfungsi, tetapi ini sama sekali tidak fleksibel.

80
00:05:06,910 --> 00:05:08,830
Bagaimana jika kita ingin memberikan argumen?

81
00:05:09,280 --> 00:05:10,660
Yah, kita bisa menyebutnya seperti itu.

82
00:05:10,990 --> 00:05:12,660
JavaScript sebenarnya memungkinkan itu.

83
00:05:12,760 --> 00:05:16,810
Tapi tentu saja, itu tidak ditambahkan karena kami hanya bekerja dengan argumen gratis di sini.

84
00:05:17,560 --> 00:05:20,740
Kita bisa lakukan adalah kita bisa menggunakan operator yang disebut sisanya, sayang.

85
00:05:22,350 --> 00:05:23,190
Titik titik titik.

86
00:05:23,400 --> 00:05:24,600
Dan kemudian hanya bertanya.

87
00:05:25,200 --> 00:05:27,630
Dan ini sebenarnya akan mengambil semua argumen.

88
00:05:27,960 --> 00:05:29,550
Berapa banyak yang mungkin kita tentukan.

89
00:05:29,570 --> 00:05:30,420
Itu tidak masalah.

90
00:05:31,140 --> 00:05:33,660
Dan itu akan mengikat mereka dalam sebuah array untuk kita.

91
00:05:34,110 --> 00:05:37,680
Jadi di sini ARG akan menjadi array dan saya bisa mengembalikannya sebenarnya.

92
00:05:38,460 --> 00:05:46,800
Dan sekarang jika saya menjalankan ini dengan dua array mendapatkan argumen, Anda lihat sekarang saya punya array saya dengan empat argumen

93
00:05:46,800 --> 00:05:47,760
di sini.

94
00:05:48,270 --> 00:05:51,120
Jadi operator lainnya terlihat seperti operator yang menyebar.

95
00:05:51,240 --> 00:05:52,080
Titik gratis.

96
00:05:52,350 --> 00:05:55,710
Dan itu adalah tempat di mana Anda menggunakannya yang menentukan bagaimana Anda menyebutnya.

97
00:05:56,400 --> 00:06:02,700
Apakah Anda menggunakannya untuk menarik elemen atau properti dari array atau objek?

98
00:06:03,090 --> 00:06:05,230
Maka itu akan menjadi operator spread.

99
00:06:06,090 --> 00:06:11,970
Apakah Anda menggunakannya untuk menggabungkan beberapa argumen menjadi array?

100
00:06:12,750 --> 00:06:15,480
Dan Anda menggunakannya dalam daftar argumen fungsi.

101
00:06:15,840 --> 00:06:18,030
Maka operator sisanya.

102
00:06:18,480 --> 00:06:22,470
Ini operator yang sama oleh Syntex atau dari perspektif Syntex.

103
00:06:22,650 --> 00:06:25,710
Nama berbeda tergantung pada tempat Anda menggunakannya.

104
00:06:26,340 --> 00:06:27,360
Saya tidak akan menggunakannya.

105
00:06:27,360 --> 00:06:29,850
Beberapa membutuhkan banyak hal dalam kursus ini, tetapi tetap menyenangkan untuk mengetahuinya.

106
00:06:30,120 --> 00:06:35,780
Tetapi karena bisa mengeluarkan elemen atau properti, data, sesuatu yang harus Anda pahami karena ayah adalah Syntex, Anda

107
00:06:35,790 --> 00:06:38,640
akan melihat saya menggunakan cukup banyak sepanjang kursus.