成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js的輸出方式以及js的基本數(shù)據(jù)類型

weizx / 2607人閱讀

摘要:的輸出方式瀏覽器彈出警告彈框,它會(huì)阻塞代碼執(zhí)行彈框,它顯示的內(nèi)容會(huì)默認(rèn)轉(zhuǎn)換成字符串顯示例如彈出一個(gè)可輸入的彈框,還有兩個(gè)按鈕確認(rèn)和取消點(diǎn)擊確定,返回在輸入框輸入的內(nèi)容,點(diǎn)擊取消返回空確認(rèn)彈框有兩個(gè)按鈕,確認(rèn)和取消,點(diǎn)擊確認(rèn)返回為點(diǎn)擊取消為,

js的輸出方式:

1、alert();瀏覽器彈出警告彈框,它會(huì)阻塞代碼執(zhí)行;
alert彈框,它顯示的內(nèi)容會(huì)默認(rèn)轉(zhuǎn)換成字符串顯示;

例如:alert(123);

2、prompt();彈出一個(gè)可輸入的彈框,還有兩個(gè)按鈕確認(rèn)和取消;點(diǎn)擊確定,返回在輸入框輸入的內(nèi)容,點(diǎn)擊取消返回空;

var str = prompt();
console.log(str);

3、confirm();確認(rèn)彈框,有兩個(gè)按鈕,確認(rèn)和取消,點(diǎn)擊確認(rèn)返回為true,點(diǎn)擊取消為flase,相較于alert多了一個(gè)取消按鈕,執(zhí)行完有返回結(jié)果

var c=confirm("珠峰培訓(xùn)");
onsole.log(c);

4、console.log();在控制臺(tái)打印輸出;會(huì)附帶文件信息和行號(hào);可以打印多個(gè)數(shù)據(jù),信息之間用逗號(hào)隔開(kāi),

5、在文檔中寫入內(nèi)容,這個(gè)方法可以識(shí)別標(biāo)簽;
在文檔加載過(guò)程中,是向文檔追加內(nèi)容,文檔加載完成時(shí),在執(zhí)行它,document.wirte();會(huì)將原來(lái)文檔中的所有內(nèi)容覆蓋;

doument.write("珠峰培訓(xùn)");
document.write("

珠峰培訓(xùn)

");
innerHTML和innerText testContent

innerHTML用字符串將原來(lái)元素中的內(nèi)容替換掉;這是一個(gè)覆蓋性操作;
innerHTML可以識(shí)別標(biāo)簽

innerHTML獲取的內(nèi)容包含標(biāo)簽,innerText和textContent獲取的內(nèi)容不包含標(biāo)簽

innerHTML/textContent獲取的內(nèi)容不會(huì)去除兩端的空格,innerText獲取的內(nèi)容會(huì)去除兩端的空格

var oBox=document.getElementById("box");
oBox.innerHTML="珠峰培訓(xùn)";

innerText作用同上,只是它不可以識(shí)別標(biāo)簽;

oBox.innerText="

珠峰培訓(xùn)

";
變量
Uncaught ReferenceError: a is not defined 沒(méi)有定義

變量:在js中用一串字符,來(lái)保存具有的數(shù)據(jù),為了重復(fù)使用;這串字符串就是變量,變量實(shí)際代表的就是它保存的值;

用var定義變量;

var 變量名=值; 格式 es5版本

let 變量名=值; es6版本

const 常量名=值;

=:賦值號(hào):把右面的值負(fù)值給左面的變量;賦值號(hào)是從右往左運(yùn)算;

js的數(shù)據(jù)類型

分為兩種數(shù)據(jù)類型:
1、基本數(shù)據(jù)類型
2、引用數(shù)據(jù)類型

1、基本數(shù)據(jù)類型:5種

number數(shù)字類型

string 字符串類型

boolean布爾型

null空值

undefined 未定義

2、引用數(shù)據(jù)類型

對(duì)象類型:普通對(duì)象(Object)、數(shù)組(Array)、時(shí)間對(duì)象(Date)、數(shù)學(xué)對(duì)象(Math)、正則(RegExp)...

函數(shù)function

引用數(shù)據(jù)類型和基本類型的區(qū)別:

1、基本數(shù)據(jù)類型保存在棧內(nèi)存中,引用數(shù)據(jù)類型,保存在堆內(nèi)存中;
2、基本數(shù)據(jù)類型保存的信息少一點(diǎn),引用數(shù)據(jù)類型保存的信息多一點(diǎn);

瀏覽器在打開(kāi)一個(gè)頁(yè)面,分配的兩個(gè)虛擬的內(nèi)存;

棧內(nèi)存:保存基本數(shù)據(jù)類型的值,執(zhí)行js代碼;

堆內(nèi)存:保存引用數(shù)據(jù)類型的值;

數(shù)據(jù)類型
var num= 1;
var num1=2;
ar num2=num+num1;
console.log(num2);

number:數(shù)據(jù)類型;包含數(shù)學(xué),正數(shù)、負(fù)數(shù)、0、NaN;可以進(jìn)行數(shù)學(xué)運(yùn)算

NaN:不是一個(gè)數(shù)字,not a number;

Number();將其他數(shù)據(jù)類型,轉(zhuǎn)換成數(shù)據(jù)類型;轉(zhuǎn)換的過(guò)程中,如果是有效數(shù)字,得到的是一個(gè)數(shù)字;

Number("");轉(zhuǎn)換成數(shù)字是0;

Number(null);;轉(zhuǎn)換成數(shù)字是0;

Number(undefined);NaN

Number("abc");轉(zhuǎn)換成數(shù)字NaN;

Number(true);返回1 flase返回0;

Number({a:1});返回NaN;空對(duì)象得到的也是NaN;

Number([1])如果數(shù)組中只有一個(gè)值,并且是一個(gè)有效數(shù)字,返回?cái)?shù)字值,如果是空數(shù)組返回0

Number([1,2,3])數(shù)組中有多個(gè)值,返回NaN

Number([1a]) 返回NaN

typeof 是一個(gè)操作符,檢測(cè)數(shù)據(jù)類型

 var num=123;
typeof num;

得到一個(gè)字符串;字符串內(nèi)容表示的就是當(dāng)前檢測(cè)的數(shù)據(jù)的數(shù)據(jù)類型;
console.log(typeof num);

isNaN();用來(lái)判斷是否是一個(gè)有效數(shù)字,檢測(cè)數(shù)據(jù)是不是NaN,如果是NaN返回true,不是NaN返回flase;方法會(huì)默認(rèn)調(diào)用Number,將被檢測(cè)的數(shù)據(jù)轉(zhuǎn)換成Number

isNaN("123"); false;
isNaN(NaN); true;
isNaN("abc"); true;
isNaN("undefined");true;
isNaN("null");false;
isNaN([]);false;
isNaN(true);false;
isNaN(false);false;
isNaN({});true;

parseInt();從字符串中截取整數(shù);從左到右檢測(cè)遇到非有效數(shù)字時(shí)停止檢測(cè),將得到的有效數(shù)字返回;如果第一位不是一個(gè)有效數(shù)字,返回NaN;

parseInt("123.789"); 123  
parseInt("123abc"); 123 
parseInt("-123abc"); -123 
parseInt("abc123abc"); NaN

parseFloat();從字符串中截取含帶小數(shù)部分的有效數(shù)字;他比parseInt多識(shí)別一位小數(shù)點(diǎn);

parseFloat(""); NaN
parseFloat("12.12.abc");12.12
parseFloat([]);NaN
parseFloat([12,123]);12
parseFloat({});NaN 對(duì)象全部返回為NaN

toFixed();保留小數(shù)點(diǎn)后顯示幾位數(shù),返回的結(jié)果是一個(gè)字符串

(123.toFixed(2);123.00 
Uncaught SyntaxError: Invalid or unexpected token 錯(cuò)誤顯示符號(hào)錯(cuò)誤

console.log() 在控制臺(tái)打印的時(shí),字符串是黑色,數(shù)字是藍(lán)色

字符串:

string:在js中用用引號(hào)或者雙引號(hào)包裹的文本都是字符串;

"abcdkdk" "dahd1223" "adjk"

String();將其他類型轉(zhuǎn)換成字符串;

String(123);"123"
String(undefined); "undefined"
String(true);"true"
String(null);"null"
基本數(shù)據(jù)類型轉(zhuǎn)換為字符串,就是將括號(hào)中的數(shù)據(jù),直接加上雙引號(hào)
String([12]);"12"
string([12,13,14]);"12,13,14"
將數(shù)組中的中括號(hào)去掉,然后包裹引號(hào)
String({});"[object Object]" 對(duì)象轉(zhuǎn)字符串,不論對(duì)象有沒(méi)有內(nèi)容,都是“[object Object]”
str[100];//沒(méi)有對(duì)應(yīng)的索引值,返回undefined

+:拼接符 將兩串文本拼接

123+"abc"+{}+[12]+null+undefined
"123abc[object Object]12nullundefined"

-*/%:將兩邊轉(zhuǎn)換為數(shù)字后進(jìn)行運(yùn)算

索引:給字符串進(jìn)行排序,從左邊第一個(gè)開(kāi)始依次累加:第一位是:0

var str="abcdefg";
console.log(str[2]); c

length:表示字符串的長(zhǎng)度,字符串中有幾個(gè)字符;

var str="abcdefg";
console.log(str.length); 7

str.length; .可以理解成“的”

length-1等于字符串最后一位索引的值;

console.log(str[str.length-1])

console.log(length) 返回值為0;

javaScrpit的三大組成部分
ECMAAcript:es 規(guī)定了js中的語(yǔ)法;js的核心
DOM
BOM

==擴(kuò)展==

charAt &&charCodeAt
str.charAt(索引):返回指定索引位置的字符,和str[索引]的區(qū)別在于,當(dāng)指定的索引不存在的時(shí)候,中括號(hào)的方式獲取的是undefined,而charAt獲取的是空字符串

str.charCodeAt(索引):在charAt基礎(chǔ)上,把獲取的字符變?yōu)閡nciode編碼值(對(duì)應(yīng)ASCII碼表)

0-9 對(duì)應(yīng)的是 48-57
A-Z 對(duì)應(yīng)的是65-90
a-z 對(duì)應(yīng)的是97-122

String.fromCharCode():把值按照ASCII碼表中的信息,轉(zhuǎn)換為原有的字符,和charCodeAt正好對(duì)應(yīng)

substr&&substring &&slice
實(shí)現(xiàn)字符串的截取的三個(gè)方法;
str.substr(n,m):從索引n開(kāi)始,截取m個(gè)字符
str.substring(n,m):從索引n開(kāi)始,截取到索引m處(不包含m),把找到的部分截取
str.slice(n,m):和substring語(yǔ)法一樣,區(qū)別在于slice支持負(fù)數(shù)索引

細(xì)節(jié):
1、如果值傳遞了n(str.sub(n))/str.substring(n)相當(dāng)于從索引n開(kāi)始一致截取到字符串的末尾
如果傳遞的索引超出最大限制,也是把只能截取的部分截取掉即可
3、如果一個(gè)參數(shù)都不傳遞:相當(dāng)與把整個(gè)字符串都截?。ㄗ址寺。?/p>

indexOf && lastIndexOf
str.indexOf:檢測(cè)字符在字符串中第一次出現(xiàn)字符的索引,如果沒(méi)有返回-1  
string.lastIndexOf:檢測(cè)字符在字符串最后出現(xiàn)的索引
可以驗(yàn)證一下當(dāng)前字符串中是否包含某個(gè)字符
split
str.split:按照某一個(gè)字符,把字符串拆分成數(shù)組中的某一項(xiàng),和數(shù)組中的join方法是對(duì)應(yīng)的,支持正則拆分
var str="music|movie|eat"
str.split("|");-->["nusic","movie","eat"];

var str="music";
str.split("");-->["m","u","s","i","c"];
replace
str.replace:實(shí)現(xiàn)字符的替換,一般是和正則結(jié)合在一起使用,不回改變?cè)凶址?/pre>
str="abcdefd";
str.replace("舊字符","新字符");-->"a替換cdfd"http://只能替換一次,執(zhí)行多次可能也不能全部替換,這時(shí)候我們就需要搭配正則來(lái)使用
trim &&trimLeft &&trimRight
str.trim:去除字符串收尾空格  
stt.trimLeft:去除字符串開(kāi)始的空格
str.trimRight:去除字符串結(jié)尾空格
toUpperCass();將字符串中所有的字符都轉(zhuǎn)換成大寫; toLowerCase();將字符串中所有的字符都轉(zhuǎn)換成小寫; concat();字符串拼接; startsWith();

str.startsWith("www")判斷是否以指定字符串開(kāi)頭 ES6 (判斷字符串是否以www開(kāi)頭)

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/104468.html

相關(guān)文章

  • JavaScript基礎(chǔ)知識(shí)總結(jié)

    摘要:字面量方式這是最簡(jiǎn)單最基本的一種方法。簡(jiǎn)單的構(gòu)造函數(shù)方式通過(guò)這樣的形式創(chuàng)建對(duì)象。結(jié)合上面的簡(jiǎn)單構(gòu)造函數(shù)和原型,一個(gè)完整的構(gòu)造函數(shù)應(yīng)該是這樣的還有一種方法就是提供的簡(jiǎn)單實(shí)現(xiàn)下中的,,創(chuàng)建一個(gè)對(duì)象談?wù)剬?duì)象的理解。避免使用表達(dá)式又稱動(dòng)態(tài)屬性。 要點(diǎn):數(shù)據(jù)類型、面向?qū)ο?、繼承、閉包、插件、作用域、跨域、原型鏈、模塊化、自定義事件、異步裝載回調(diào)、模板引擎、Nodejs等。 JS基本類型有什么?引...

    lakeside 評(píng)論0 收藏0
  • [SheetJS] js-xlsx模塊學(xué)習(xí)指南

    摘要:簡(jiǎn)介是前端操作以及類似的二維表的最佳選擇之一而是它的社區(qū)版本將注意力集中到了數(shù)據(jù)轉(zhuǎn)換和導(dǎo)出上所以它支持相當(dāng)多種類的數(shù)據(jù)解析和導(dǎo)出不僅僅局限于支持格式支持的導(dǎo)入格式支持的導(dǎo)出格式它可以解析符合格式的數(shù)據(jù)導(dǎo)出符合格式的數(shù)據(jù)利用中間層操作數(shù)據(jù) 簡(jiǎn)介 SheetJS是前端操作Excel以及類似的二維表的最佳選擇之一,而js-xlsx是它的社區(qū)版本. js-xlsx將注意力集中到了數(shù)據(jù)轉(zhuǎn)換和導(dǎo)出...

    zhaot 評(píng)論0 收藏0
  • 常見(jiàn)js筆試面試題(持續(xù)更新)

    摘要:相當(dāng)于繞過(guò)了瀏覽器端,自然就不存在跨域問(wèn)題。三者的區(qū)別與服務(wù)器的交互數(shù)據(jù)始終在同源的請(qǐng)求中攜帶即使不需要,即在瀏覽器和服務(wù)器間來(lái)回傳遞。而和不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器,僅在本地保存。和雖然也有存儲(chǔ)大小的限制,但比大得多,可以達(dá)到或更大。 本文提供最簡(jiǎn)便的解答方式,方便快速記憶,復(fù)盤,詳細(xì)答案可自己再搜一下。 js基礎(chǔ)知識(shí) 1. javascript typeof返會(huì)的數(shù)據(jù)類型有哪些 ob...

    yuxue 評(píng)論0 收藏0
  • JS高級(jí)入門教程

    摘要:解析首先簡(jiǎn)稱是由歐洲計(jì)算機(jī)制造商協(xié)會(huì)制定的標(biāo)準(zhǔn)化腳本程序設(shè)計(jì)語(yǔ)言。級(jí)在年月份成為的提議,由核心與兩個(gè)模塊組成。通過(guò)引入統(tǒng)一方式載入和保存文檔和文檔驗(yàn)證方法對(duì)進(jìn)行進(jìn)一步擴(kuò)展。其中表示的標(biāo)記位正好是低三位都是。但提案被拒絕了。 JS高級(jí)入門教程 目錄 本文章定位及介紹 JavaScript與ECMAScript的關(guān)系 DOM的本質(zhì)及DOM級(jí)介紹 JS代碼特性 基本類型與引用類型 JS的垃...

    zsy888 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<