2 Data Types and Variables

Salah satu kegunaan utama dari komputer adalah untuk mengolah dan menampilkan informasi. Dengan pengolahan, kita berarti memodifikasi informasi, ditafsirkan, atau difilter dalam beberapa cara oleh komputer. Suatu contoh, di situs web online banking, pelanggan meminta rincian dari semua uang yang dibayarkan dari accountnya pada bulan lalu. Di sini komputer akan mengambil informasi, menyaring setiap informasi yang tidak berhubungan dengan pembayaran yang dilakukan pada bulan lalu, dan kemudian menampilkan apa yang tersisa dalam suatu halaman web. Dalam beberapa situasi, informasi diproses tanpa ditampilkan, dan di lain waktu, informasi ini diperoleh secara langsung tanpa diolah. Sebagai contoh, dalam lingkungan perbankan, pembayaran reguler dapat diproses dan ditransfer secara elektronik tanpa interaksi manusia atau tampilan. Dalam komputasi kita merujuk pada informasi sebagai data. Data yang datang dalam sebuah form, seperti nomor, teks, tanggal, dan waktu. Dalam bab ini, Anda melihat secara khusus bagaimana JavaScript menangani data seperti nomor dan teks. Pemahaman tentang bagaimana data akan ditangani adalah dasar untuk setiap bahasa pemrograman. Bab ini dimulai dengan melihat berbagai jenis data JavaScript dapat diproses. Kemudian Anda melihat bagaimana Anda dapat menyimpan data ini dalam memori komputer sehingga Anda dapat menggunakannya lagi dan lagi dalam kode. Akhirnya, Anda melihat bagaimana menggunakan JavaScript untuk memanipulasi dan memproses data.

Types of Data in JavaScript

Data dapat datang dalam berbagai bentuk, atau jenis. Anda akan mengenali beberapa tipe data yang ditangani JavaScript dari pemrograman - misalnya, angka dan teks. Jenis data lain yang sedikit lebih abstrak dan digunakan untuk membuat pemrograman lebih mudah; salah satu contohnya adalah tipe data objek, yang Anda akan lihat secara rinci sampai Bab 4. Beberapa bahasa pemrograman adalah bahasa yang sangat serupa. Dalam bahasa ini, setiap kali Anda menggunakan sepotong data, Anda perlu secara eksplisit menyatakan apa jenis data, dan penggunaan data tersebut harus mengikuti aturan yang berlaku untuk jenisnya. Misalnya, Anda tidak dapat menambahkan nomor dan kata bersama. JavaScript, di sisi lain, adalah bahasa lemah diketik dan banyak lebih pemaaf

tentang bagaimana Anda menggunakan berbagai jenis data. Ketika Anda berurusan dengan data, Anda sering tidak perlu menentukan jenis; JavaScript akan bekerja yang keluar untuk dirinya sendiri. Selanjutnya, ketika Anda menggunakan berbagai jenis data pada saat yang sama, JavaScript akan bekerja di belakang layar apa yang Anda coba lakukan. Mengingat betapa JavaScript santai adalah tentang data, mengapa berbicara tentang tipe data sama sekali? Mengapa tidak hanya dipotong untuk mengejar dan mulai menggunakan data tanpa khawatir tentang jenis mereka? Pertama-tama, sedangkan JavaScript adalah sangat baik dalam mengerjakan apa data itu hadapi, ada saat-saat itu akan mendapatkan sesuatu yang salah, atau setidaknya tidak melakukan apa yang Anda inginkan. Dalam situasi ini, Anda harus membuatnya eksplisit untuk JavaScript seperti apa tipe data yang Anda inginkan dan bagaimana harus digunakan. Untuk melakukan itu, Anda perlu tahu sedikit tentang tipe data. Alasan kedua adalah bahwa tipe data memungkinkan Anda untuk menggunakan data secara efektif dalam kode Anda. Hal-hal yang dapat dilakukan dengan data dan hasil yang Anda akan mendapatkan tergantung pada jenis data yang digunakan, bahkan jika Anda tidak menentukan secara eksplisit jenis itu. Sebagai contoh, meskipun mencoba untuk mengalikan dua angka bersama masuk akal, melakukan hal yang sama dengan teks tidak. Juga, hasil angka menambahkan sangat berbeda dengan hasil dari penambahan teks. Dengan angka yang Anda mendapatkan jumlah, tetapi dengan teks Anda mendapatkan satu potongan besar teks yang berisi dari potongan-potongan lain bergabung bersama-sama. Mari kita lihat sekilas beberapa jenis data lebih umum digunakan: numerik, teks, dan Boolean. Anda akan melihat bagaimana menggunakan mereka nanti dalam bab ini.

Numerical Data
Data numerik terdiri dari dua bentuk Seluruh angka, seperti 145, yang juga dikenal sebagai bilangan bulat. Jumlah ini bisa positif atau negatif dan dapat span rentang yang sangat luas dalam JavaScript: -253 ke 253. pecahan angka, seperti 1,234, yang juga dikenal sebagai floating-point. Seperti integer, mereka dapat menjadi positif atau negatif, dan mereka juga memiliki berbagai besar.

Secara sederhana, kecuali untuk menulis aplikasi ilmiah khusus, Anda tidak akan menghadapi masalah dengan ukuran nomor yang tersedia dalam JavaScript. Juga, meskipun Anda dapat memperlakukan integer dan floating-point yang berbeda ketika datang untuk menyimpannya, JavaScript benar-benar memperlakukan mereka baik sebagai floating-point. Ini baik menyembunyikan detail dari Anda sehingga Anda biasanya tidak perlu khawatir tentang hal itu. Satu pengecualian adalah ketika Anda ingin integer tetapi Anda memiliki angka floating-point, dalam

hal ini Anda akan mengumpulkan nomor untuk membuatnya integer. Anda akan melihat angka pembulatan kemudian dalam bab ini.

Text Data
Istilah lain untuk satu atau lebih karakter dari teks adalah string. Anda mengatakan JavaScript bahwa teks harus diperlakukan sebagai teks dan bukan sebagai kode hanya dengan melampirkan di dalam tanda kutip ("). Misalnya, "Hello World" dan "A" adalah contoh dari string yang akan dikenali JavaScript. Anda juga dapat menggunakan tanda kutip tunggal ('), jadi' Hello World 'dan' A 'juga contoh string bahwa JavaScript kenali. Namun, Anda harus mengakhiri string dengan tanda kutip yang sama yang Anda mulai dengan. Karena itu, "'bukan string JavaScript valid, dan tidak adalah' A Hello World". Bagaimana jika Anda ingin string dengan tanda kutip tunggal di tengah, mengatakan string seperti Peter O'Toole? Jika Anda apit dengan tanda kutip ganda, Anda akan baik-baik, jadi "Peter O'Toole" diakui oleh JavaScript. Namun, 'Peter O'Toole' akan menghasilkan kesalahan. Hal ini karena JavaScript berpikir bahwa string teks Anda adalah Peter O (yaitu, ia memperlakukan kutip tunggal tengah sebagai tanda akhir string) dan jatuh lebih mengagumkan apakah Toole itu Cara lain di sekitar ini adalah untuk memberitahu JavaScript bahwa tengah adalah bagian dari teks dan tidak menunjukkan akhir dari string. Caranya dengan menggunakan karakter backslash (\), yang memiliki arti khusus dalam JavaScript dan disebut sebagai karakter escape. Backslash memberitahu browser bahwa karakter berikutnya adalah bukan akhir dari string, tetapi bagian dari teks. Jadi "Peter O \ 'Toole' akan bekerja seperti yang direncanakan. Bagaimana jika Anda ingin menggunakan kutip ganda dalam string tertutup dalam tanda kutip ganda? Yah, semuanya hanya dikatakan tentang kutip tunggal masih berlaku. Jadi "Halo" Paulus "'bekerja, tapi" Halo "Paulus" "tidak akan. Namun, "Hello \" Paulus \ "" juga akan bekerja. JavaScript memiliki banyak karakter khusus lainnya, yang tidak dapat diketik tetapi dapat direpresentasikan menggunakan escape sequances dalam hubungannya dengan karakter lain untuk membuat escape sequence. Ini bekerja sama seperti dalam HTML. Sebagai contoh, lebih dari satu ruang berturut-turut diabaikan dalam HTML, sehingga ruang adalah perwakilan dengan istilah itu. Demikian pula, dalam JavaScript ada kasus di mana Anda tidak dapat menggunakan karakter langsung tetapi harus menggunakan escape sequances. Rincian Tabel berikut beberapa escape sequence lebih berguna. Yang jelas paling hina ini adalah yang terakhir, yang mewakili karakter individu dengan jumlah karakter mereka dalam karakter Latin-1 ditetapkan bukan oleh penampilan normal mereka. Mari kita ambil sebuah contoh: Katakanlah Anda ingin memasukkan simbol hak cipta () dalam string kita. Apa yang akan string Anda perlu terlihat seperti? Jawabannya adalah "\ xA9 Paulus Wilton".

Demikian pula, Anda dapat merujuk ke karakter menggunakan urutan escape Unicode mereka. Ini ditulis \ uNNNN, di mana NNNN mengacu pada jumlah Unicode untuk karakter tertentu. Misalnya, untuk merujuk salinan simbol benar menggunakan metode ini, Anda akan menggunakan string \ u00A9.

Boolean Data
Penggunaan ya atau tidak, positif atau negatif, dan benar atau salah adalah biasa dalam dunia fisik. Ide benar dan salah juga mendasar untuk komputer digital, mereka tidak mengerti maybes, hanya benar dan salah. Bahkan, konsep "ya atau tidak" sangat berguna itu memiliki tipe data sendiri dalam JavaScript: tipe data Boolean. Jenis Boolean memiliki dua kemungkinan nilai: benar untuk ya dan tidak palsu untuk. Tujuan data Boolean dalam JavaScript adalah sama saja dengan di dunia luar pemrograman: Mereka memungkinkan kita untuk menjawab pertanyaan dan membuat keputusan berdasarkan jawabannya. Misalnya, jika Anda ditanya, "Apakah ini buku tentang JavaScript?" Mudah-mudahan Anda akan menjawab, "Ya itu," atau Anda juga mungkin berkata, "Itu benar." Demikian pula Anda mungkin berkata, "Jika itu palsu bahwa subjek buku ini adalah JavaScript, kemudian meletakkannya "di sini Anda memiliki pernyataan logika Boolean (bernama setelah penemu nya George Boole), yang mengajukan pertanyaan dan kemudian melakukan sesuatu yang didasarkan pada apakah jawabannya benar atau salah.. Dalam JavaScript, Anda dapat menggunakan jenis yang sama logika Boolean untuk memberikan program kami pengambilan keputusan kemampuan. Anda akan mengambil melihat lebih rinci pada logika Boolean dalam bab berikutnya.

VariablesStoring Data in Memory

Data dapat disimpan baik secara permanen atau sementara. Anda akan ingin menyimpan data penting, seperti rincian rekening bank seseorang, di sebuah toko permanen. Sebagai contoh, ketika Ms Bloggs membutuhkan waktu 10 dolar atau pound atau euro dari rekeningnya, Anda ingin memotong uang dari rekeningnya dan mencatat permanen keseimbangan baru. Informasi seperti ini akan disimpan ke dalam sesuatu yang disebut database. Namun, ada kasus lain di mana Anda tidak ingin menyimpan data secara permanen, tetapi hanya ingin menyimpan catatan sementara. Mari kita lihat contoh. Katakanlah Ms Bloggs memiliki pinjaman dari BigBadBank Inc, dan ia ingin mengetahui berapa banyak belum dilunasi atas pinjaman ini. Dia pergi ke halaman perbankan online untuk pinjaman dan klik link untuk mengetahui betapa ia berutang. Ini adalah data yang akan disimpan perma nently suatu tempat. Namun, misalkan Anda juga menyediakan fasilitas untuk meningkatkan pengembalian hutang untuk melunasi pinjaman awal. Jika Ms Bloggs memasuki jumlah pembayaran yang meningkat ke dalam kotak teks pada halaman web, Anda mungkin ingin menunjukkan betapa

cepat pinjaman akan dibayar. Ini akan melibatkan com mungkin beberapa perhitungan kompleks, sehingga untuk membuatnya lebih mudah, Anda ingin menulis kode yang menghitung hasil dalam beberapa tahap, menyimpan hasilnya pada setiap tahap sebagai Anda pergi bersama, sebelum memberikan suatu hasil akhir. Setelah Anda melakukan perhitungannya dan ditampilkan hasilnya, tidak perlu untuk secara permanen menyimpan hasil untuk setiap tahap, jadi daripada menggunakan database, Anda perlu menggunakan sesuatu yang disebut variabel. Mengapa disebut variabel? Yah, mungkin karena variabel dapat digunakan untuk menyimpan data sementara yang bisa diubah, atau bervariasi. Bonus lain dari variabel adalah bahwa tidak seperti penyimpanan permanen, yang dapat disimpan ke disk atau tape magnetik, variabel yang diselenggarakan di memori komputer. Ini berarti bahwa hal itu jauh, jauh lebih cepat untuk menyimpan dan mengambil data. Jadi apa yang membuat variabel tempat yang baik untuk sementara menyimpan data Anda? Nah, variabel memiliki masa hidup terbatas. Ketika pengunjung Anda menutup halaman atau pindah ke yang baru, variabel Anda hilang, kecuali Anda mengambil beberapa langkah untuk menyelamatkan mereka di suatu tempat. Setiap variabel diberi nama sehingga Anda dapat merujuk ke tempat lain dalam kode Anda. Nama-nama ini harus mengikuti aturan tertentu. Seperti banyak kode JavaScript, Anda akan menemukan bahwa nama variabel adalah case sensitif. Sebagai contoh, myVariable adalah tidak sama dengan myvariable. Anda akan menemukan bahwa ini adalah cara yang sangat mudah untuk kesalahan untuk tergelincir ke dalam kode Anda, bahkan ketika Anda menjadi ahli di JavaScript. Juga, Anda tidak dapat menggunakan nama tertentu dan karakter untuk nama variabel Anda. Nama Anda tidak dapat menggunakan kata-kata ini disebut reserved. Kata Reserved kata-kata yang membuat JavaScript untuk digunakan sendiri, misalnya var kata atau kata dengan. Karakter tertentu juga dilarang dalam nama variabel, misalnya, ampersand (&) dan tanda persen (%). Anda diperbolehkan untuk menggunakan nomor dalam nama variabel Anda, tapi nama tidak harus dimulai dengan angka. Jadi 101myVariable tidak oke, tapi myVariable101 adalah. Mari kita lihat contoh lagi. Invalid names include With 99variables my%Variable theGood&theBad

Valid names include myVariable99 myPercent_Varable the_Good_and_the_Bad

Anda mungkin ingin menggunakan konvensi penamaan untuk variabel Anda, misalnya, salah satu yang menjelaskan apa jenis data Anda berencana untuk terus dalam variabel. Anda dapat notate variabel Anda dalam banyak cara yang berbeda tidak ada yang benar atau salah, tapi sebaiknya tetap dengan salah satunya. Salah satu metode yang umum adalah notasi Hungaria, di mana setiap awal nama variabel adalah identifier tiga huruf yang menunjukkan jenis data. Untuk ujian ple, Anda dapat mulai dengan nama-nama variabel integer int, floating-point nama variabel dengan FLT, string variabel nama dapat dengan str, dan sebagainya. Namun, selama nama Anda menggunakan akal dan digunakan secara konsisten, itu benarbenar tidak peduli apa konvensi yang Anda pilih.

Declaring Variables and Giving Them Values

Sebelum Anda dapat menggunakan variabel, Anda harus menyatakan keberadaannya ke komputer menggunakan kata kunci var. Ini memperingatkan komputer yang dibutuhkan untuk memesan beberapa memori untuk data Anda untuk disimpan nanti. Untuk mendeklarasikan variabel baru bernama myFirstVariable, Anda akan menulis sebagai berikut:
var myFirstVariable;

Perhatikan bahwa titik koma di akhir baris bukan bagian dari nama variabel, melainkan digunakan untuk indicate untuk JavaScript akhir pernyataan. Baris ini adalah contoh dari pernyataan JavaScript. Setelah dideklarasikan, variabel dapat digunakan untuk menyimpan semua jenis data. Seperti yang telah disebutkan sebelumnya, banyak bahasa pemrograman lain, yang disebut bahasa sangat diketik, memerlukan Anda untuk menyatakan tidak hanya variabel tetapi juga jenis data, seperti nomor atau teks, yang akan disimpan. Namun, JavaScript adalah type bahasa lemah, Anda tidak perlu membatasi diri sendiri untuk jenis data variabel dapat terus. Anda memasukkan data ke variabel Anda, proses yang disebut nilai-nilai menugaskan ke variabel Anda, dengan menggunakan tanda sama dengan (=). Misalnya, jika Anda ingin variabel Anda bernama myFirstVariable untuk terus nomor 101, Anda akan menulis ini:
myFirstVariable = 101;

Tanda sama dengan memiliki nama khusus bila digunakan untuk menempatkan nilai ke variabel; itu disebut operator penugasan. Try It Out Declaring Variables

Mari kita lihat contoh di mana sebuah variabel dideklarasikan, menyimpan beberapa data di dalamnya, dan akhirnya mengakses isinya. Anda juga akan melihat bahwa variabel dapat menyimpan semua jenis data, dan bahwa jenis data yang

diselenggarakan dapat diubah. Sebagai contoh, Anda bisa mulai dengan menyimpan teks dan kemudian mengubah ke nomor menyimpan tanpa JavaScript memiliki masalah. Ketik kode berikut ke dalam editor teks dan menyimpannya sebagai ch2_examp1.htm:
<html> <head> </head> <body> <script language=JavaScript type=text/javascript> myFirstVariable; myFirstVariable = Hello; alert(myFirstVariable); myFirstVariable = 54321; alert(myFirstVariable); </script> </body> </html> var

Segera setelah Anda memuat ini ke browser web Anda, harus menunjukkan kotak peringatan dengan "Halo" di dalamnya, sebagai ditunjukkan pada Gambar 2-1. Ini adalah isi dari myFirstVariable variabel pada titik dalam kode.

Figure 2-1

Klik OK dan lain kotak peringatan muncul dengan 54321 di dalamnya, seperti yang ditunjukkan pada Gambar 2-2. Ini adalah nilai baru yang Anda tugaskan ke myFirstVariable variabel.

Figure 2-2

How It Works

Dalam rangkaian script, Anda mendeklarasikan variabel Anda.

var myFirstVariable;

Saat ini, nilainya adalah nilai terdefinisi karena Anda telah menyatakan hanya keberadaannya ke komputer, tidak ada data aktual. Ini mungkin terdengar aneh, tapi tidak terdefinisi adalah nilai primitif yang sebenarnya dalam JavaScript, dan memungkinkan Anda untuk melakukan perbandingan. (Sebagai contoh, Anda dapat memeriksa untuk melihat apakah variabel berisi nilai aktual atau jika belum diberi nilai, yaitu, jika tidak terdefinisi.) Namun, di baris berikutnya Anda menetapkan myFirstVariable nilai string, yaitu nilai Halo.
myFirstVariable = Hello;

Di sini Anda telah diberi nilai variabel literal, yaitu sepotong data aktual bukan data diperoleh dengan perhitungan atau dari variabel lain. Hampir di mana saja yang dapat Anda gunakan string literal atau nomor, Anda dapat menggantinya dengan angka yang terdiri variabel atau data string. Anda melihat contoh ini dalam baris kode yang berikutnya, di mana Anda menggunakan variabel myFirstVariable Anda dalam tanda () fungsi yang Anda lihat dalam bab terakhir.
alert(myFirstVariable);

Hal ini menyebabkan kotak peringatan pertama muncul. Selanjutnya Anda menyimpan nilai baru pada variabel Anda, kali ini nomor.
myFirstVariable = 54321;

Nilai sebelumnya dari myFirstVariable hilang selamanya. Ruang memori yang digunakan untuk menyimpan nilai dibebaskan secara otomatis oleh JavaScript dalam proses yang disebut pengumpulan sampah. Setiap kali JavaScript mendeteksi bahwa isi dari variabel tidak lagi dapat digunakan, seperti ketika Anda mengalokasikan nilai baru, ia melakukan proses pengumpulan sampah dan membuat memori yang tersedia. Tanpa proses pengumpulan sampah otomatis, semakin banyak memori komputer akan dikonsumsi, sampai pada akhirnya computer akan habis dan sistem akan terhenti. Namun, pengumpulan sampah tidak selalu seefisien seharusnya dan mungkin tidak terjadi sampai halaman lain dibuka. Hanya untuk membuktikan bahwa nilai baru telah disimpan, gunakan tanda () fungsi kembali untuk menampilkan isi variabel baru itu.
alert(myFirstVariable);

Assigning Variables with the Value of Other Variables

Anda telah melihat bahwa Anda dapat menetapkan variabel dengan angka atau string, tapi dapat Anda menetapkan variabel dengan data yang tersimpan di dalam variabel lain? Jawabannya adalah ya, sangat mudah, dan dengan cara yang persis

sama dengan memberi variabel nilai harfiah. Misalnya, jika Anda telah menyatakan dua variabel myVariable dan myOtherVariable, dan telah memberikan myOtherVariable variabel nilai 22, seperti ini:
var myVariable; var myOtherVariable; myOtherVariable = 22;

maka Anda dapat menggunakan baris berikut untuk menetapkan myVariable nilai yang sama sebagai myOtherVariable (yaitu, 22).
myVariable = myOtherVariable;

Try It Out

Assigning Variables the Values of Other Variables

Mari kita lihat contoh lain, kali ini menetapkan variabel nilai-nilai variabel lainnya. Ketik kode berikut ke dalam editor teks dan menyimpannya sebagai ch2_examp2.htm:
<html> <body> <script language=JavaScript type=text/javascript> var string1 = Hello; var string2 = Goodbye; alert(string1); alert(string2); string2 = string1; alert(string1); alert(string2); string1 = Now for something different; alert(string1); alert(string2); </script> </body> </html>

Memuat halaman ke dalam browser Anda, dan Anda akan melihat rangkaian dari enam kotak peringatan muncul. Klik OK untuk masing-masing untuk melihat yang berikutnya. Dua yang pertama menunjukkan nilai-nilai string1 string2 dan-Halo dan Selamat tinggal, masing-masing. Kemudian Anda menetapkan string2 nilai yang ada di string1. Dua berikutnya kotak peringatan menampilkan isi dari string1 string2 dan; kali ini keduanya Halo. Akhirnya, Anda mengubah nilai string1. Perhatikan bahwa nilai string2 tetap tidak terpengaruh. Dua yang terakhir kotak peringatan menunjukkan nilai baru dari string1 (Sekarang untuk sesuatu yang berbeda) dan nilai tidak berubah dari string2 (Halo).

How It Works
Hal pertama yang Anda lakukan dalam blok script mendeklarasikan dua variabel Anda, string1 string2 dan. Namun, perhatikan yang telah ditetapkan mereka nilai pada saat yang sama yang Anda telah menyatakan mereka. Ini adalah pintasan, yang disebut menginisialisasi, yang menghemat mengetik kode terlalu banyak.
var string1 =Hello; var string2 = Goodbye;

Perhatikan bahwa Anda dapat menggunakan cara pintas ini dengan semua jenis data, tidak hanya string. Dua baris berikutnya menunjukkan nilai sekarang dari setiap variabel untuk pengguna menggunakan alert () fungsi.
alert(string1); alert(string2);

Kemudian nama dan Kembali menetapkan string2 Diskonto Yang Yang terkandung dalam string1. Untuk membuktikan bahwa penugasan telah benar-benar bekerja, nama dan Kembali Lagi menunjukkan pengguna terkait masih berlangsung bahasa Dari isi variabel Mencari Google Artikel Baru menggunakan alert () fungsi.
string2 = string1; alert(string1); alert(string2);

Selanjutnya, Anda mengatur string1 ke nilai baru.