16進製制 es6 前端基礎 包含ES6 (一)

2021-10-13 03:22:55 字數 2625 閱讀 6342

js中到底都有哪些資料型別

基本資料型別 / 值型別

- number、 string、 boolean(true / false)、 null、 undefined

symbol(es6)

引用資料型別

object(物件): {}

{} 物件、 陣列、 /^ $/ 正則 tue mar 08 2016 16: 17: 10 gmt + 0800 時間

function(函式)

number

nan typeof nan : number nan:not a number但是屬於number資料型別的

非嚴格轉換:parseint/parsefloat

嚴格的轉換:number

數字的常用方法tofixed(n):保留小數點後面n位

isnan()用來檢測是否為有效數字的方法

console.log(parseint("12px"));//->12

console.log(parseint("12px13"));//->12

console.log(parseint("px13"));//->nan

parseint("0xa"); //returns 10

parseint("22.5"); //returns 22

parseint("blue"); //returns nan

var num = 3.141592654;

console.log(num.tofixed(2));//->3.14

nan==nan // false 不相等

parseint()方法還有基模式,可以把二進位制、八進位制、十六進製制或其他任何進製的字串轉換成整數。基是由parseint()方法的第二個引數指定的,示例如下:

parseint("af", 16); //returns 175

parseint("10", 2); //returns 2

parseint("10", 8); //returns 8

parseint("10", 10); //returns 10

下面是使用parsefloat()方法的示例:

parsefloat("1234blue"); //returns 1234.0

parsefloat("0xa"); //returns nan

parsefloat("22.5"); //returns 22.5

parsefloat("22.34.5"); //returns 22.34

parsefloat("0908"); //returns 908

parsefloat("blue"); //returns nan

boolean

只有五個值(""、0、nan、null、undefined)轉換為布林型別會變為false,其餘的都是true

array

1、關於陣列的增、刪、改

(1) push:向陣列的末尾增加新的內容

返回值:新增加後陣列的長度

原來的陣列已經發生了改變

let ary = [1,2,3ary];

let newary = ary.push(100);

console.log(ary,newary);// newary = 4 ,ary = [100]

(2)pop:刪除向陣列的末尾

返回值:被刪除的那一項的內容

原有的陣列發生改變

let ary = [100,123,13];

let newary = ary.pop();

console.log(ary,newary);// newary = [13] ,ary = [1,2]

(3)shift:刪除陣列中的第一項

返回值:被刪除的那一項的內容

原有的陣列發生改變

let ary = [100,123,13];

let newary = ary.shift();

console.log(ary,newary);// newary = [100] ,ary = [123,13]

(4)unshift:新增陣列中的第一項

返回值:新增後的新陣列的長度

原有的陣列發生改變

let ary = [100,123,13];

let newary = ary.unshift(100);

console.log(ary,newary);// newary = 3 ,ary = [100,123,13]

(5)splice:增刪改

刪除ary.splice(n,m) 從索引n開始,刪除m個元素,把刪除的內容以乙個新陣列的方式返回,原來的陣列改變

ary.splice(n) 從索引n開始,刪除到陣列的末尾

ary.splice(0) 把原來的陣列中每一項都刪除掉(清空陣列每一項),把之前的每一項的值以乙個新的陣列返回(把之前的陣列轉殖了乙份一模一樣的,這樣的轉殖會修改原來的陣列)

ary.splice() 陣列中一項都沒有刪除,返回的是乙個空陣列

修改splice(n,m,x) 從索引n開始,刪除m個,用x替換刪除的部分,把刪除的內容以乙個新的陣列返回,原來的陣列改變

增加splice(n,0,x) 從索引n開始,乙個都不刪除(返回結果是乙個空陣列),把x增加到索引n的前面,原來的陣列改變

未完待續,持續更新

前端es6基礎語法

var是宣告全域性的變數,作用域是全域性,const是宣告全域性的常量,不能修改,而let是塊級變數只在當前宣告的作用域中生效 console.log a 列印a的值 console.log b 報錯 referenceerror b is not defined 直接列印a的值,檔案中沒有宣告a ...

2 前端技術ES6學習(基礎語法)

2.2.1 let作用範圍學習 es6如何定義變數,定義變數的特點 使用let進行定義 var 定義變數和let定義變數的區別 let有作用範圍 1.測試就是在 塊裡邊定義變數在外面取值 測試作用域 2.在 塊外輸出資料 console.log a console.log b uncaught re...

ES6學習筆記 二進位制陣列(應用)

說實話自從做了前端之後,還沒怎麼用過二進位制陣列,看了es6入門之後才知道原來二進位制陣列的用處還不少。1 ajax xmlhttprequest第一版responsetype屬性預設為text。xmlhttprequest第二版xhr2允許伺服器返回二進位制資料,這時分成兩種情況 首先看下面的例子...