资讯专栏INFORMATION COLUMN

js的输出方式以及js的基本数据类型

weizx / 2317人阅读

摘要:的输出方式浏览器弹出警告弹框,它会阻塞代码执行弹框,它显示的内容会默认转换成字符串显示例如弹出一个可输入的弹框,还有两个按钮确认和取消点击确定,返回在输入框输入的内容,点击取消返回空确认弹框有两个按钮,确认和取消,点击确认返回为点击取消为,

js的输出方式:

1、alert();浏览器弹出警告弹框,它会阻塞代码执行;
alert弹框,它显示的内容会默认转换成字符串显示;

例如:alert(123);

2、prompt();弹出一个可输入的弹框,还有两个按钮确认和取消;点击确定,返回在输入框输入的内容,点击取消返回空;

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

3、confirm();确认弹框,有两个按钮,确认和取消,点击确认返回为true,点击取消为flase,相较于alert多了一个取消按钮,执行完有返回结果

var c=confirm("珠峰培训");
onsole.log(c);

4、console.log();在控制台打印输出;会附带文件信息和行号;可以打印多个数据,信息之间用逗号隔开,

5、在文档中写入内容,这个方法可以识别标签;
在文档加载过程中,是向文档追加内容,文档加载完成时,在执行它,document.wirte();会将原来文档中的所有内容覆盖;

doument.write("珠峰培训");
document.write("

珠峰培训

");
innerHTML和innerText testContent

innerHTML用字符串将原来元素中的内容替换掉;这是一个覆盖性操作;
innerHTML可以识别标签

innerHTML获取的内容包含标签,innerText和textContent获取的内容不包含标签

innerHTML/textContent获取的内容不会去除两端的空格,innerText获取的内容会去除两端的空格

var oBox=document.getElementById("box");
oBox.innerHTML="珠峰培训";

innerText作用同上,只是它不可以识别标签;

oBox.innerText="

珠峰培训

";
变量
Uncaught ReferenceError: a is not defined 没有定义

变量:在js中用一串字符,来保存具有的数据,为了重复使用;这串字符串就是变量,变量实际代表的就是它保存的值;

用var定义变量;

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

let 变量名=值; es6版本

const 常量名=值;

=:赋值号:把右面的值负值给左面的变量;赋值号是从右往左运算;

js的数据类型

分为两种数据类型:
1、基本数据类型
2、引用数据类型

1、基本数据类型:5种

number数字类型

string 字符串类型

boolean布尔型

null空值

undefined 未定义

2、引用数据类型

对象类型:普通对象(Object)、数组(Array)、时间对象(Date)、数学对象(Math)、正则(RegExp)...

函数function

引用数据类型和基本类型的区别:

1、基本数据类型保存在栈内存中,引用数据类型,保存在堆内存中;
2、基本数据类型保存的信息少一点,引用数据类型保存的信息多一点;

浏览器在打开一个页面,分配的两个虚拟的内存;

栈内存:保存基本数据类型的值,执行js代码;

堆内存:保存引用数据类型的值;

数据类型
var num= 1;
var num1=2;
ar num2=num+num1;
console.log(num2);

number:数据类型;包含数学,正数、负数、0、NaN;可以进行数学运算

NaN:不是一个数字,not a number;

Number();将其他数据类型,转换成数据类型;转换的过程中,如果是有效数字,得到的是一个数字;

Number("");转换成数字是0;

Number(null);;转换成数字是0;

Number(undefined);NaN

Number("abc");转换成数字NaN;

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

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

Number([1])如果数组中只有一个值,并且是一个有效数字,返回数字值,如果是空数组返回0

Number([1,2,3])数组中有多个值,返回NaN

Number([1a]) 返回NaN

typeof 是一个操作符,检测数据类型

 var num=123;
typeof num;

得到一个字符串;字符串内容表示的就是当前检测的数据的数据类型;
console.log(typeof num);

isNaN();用来判断是否是一个有效数字,检测数据是不是NaN,如果是NaN返回true,不是NaN返回flase;方法会默认调用Number,将被检测的数据转换成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();从字符串中截取整数;从左到右检测遇到非有效数字时停止检测,将得到的有效数字返回;如果第一位不是一个有效数字,返回NaN;

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

parseFloat();从字符串中截取含带小数部分的有效数字;他比parseInt多识别一位小数点;

parseFloat(""); NaN
parseFloat("12.12.abc");12.12
parseFloat([]);NaN
parseFloat([12,123]);12
parseFloat({});NaN 对象全部返回为NaN

toFixed();保留小数点后显示几位数,返回的结果是一个字符串

(123.toFixed(2);123.00 
Uncaught SyntaxError: Invalid or unexpected token 错误显示符号错误

console.log() 在控制台打印的时,字符串是黑色,数字是蓝色

字符串:

string:在js中用用引号或者双引号包裹的文本都是字符串;

"abcdkdk" "dahd1223" "adjk"

String();将其他类型转换成字符串;

String(123);"123"
String(undefined); "undefined"
String(true);"true"
String(null);"null"
基本数据类型转换为字符串,就是将括号中的数据,直接加上双引号
String([12]);"12"
string([12,13,14]);"12,13,14"
将数组中的中括号去掉,然后包裹引号
String({});"[object Object]" 对象转字符串,不论对象有没有内容,都是“[object Object]”
str[100];//没有对应的索引值,返回undefined

+:拼接符 将两串文本拼接

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

-*/%:将两边转换为数字后进行运算

索引:给字符串进行排序,从左边第一个开始依次累加:第一位是:0

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

length:表示字符串的长度,字符串中有几个字符;

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 规定了js中的语法;js的核心
DOM
BOM

==扩展==

charAt &&charCodeAt
str.charAt(索引):返回指定索引位置的字符,和str[索引]的区别在于,当指定的索引不存在的时候,中括号的方式获取的是undefined,而charAt获取的是空字符串

str.charCodeAt(索引):在charAt基础上,把获取的字符变为unciode编码值(对应ASCII码表)

0-9 对应的是 48-57
A-Z 对应的是65-90
a-z 对应的是97-122

String.fromCharCode():把值按照ASCII码表中的信息,转换为原有的字符,和charCodeAt正好对应

substr&&substring &&slice
实现字符串的截取的三个方法;
str.substr(n,m):从索引n开始,截取m个字符
str.substring(n,m):从索引n开始,截取到索引m处(不包含m),把找到的部分截取
str.slice(n,m):和substring语法一样,区别在于slice支持负数索引

细节:
1、如果值传递了n(str.sub(n))/str.substring(n)相当于从索引n开始一致截取到字符串的末尾
如果传递的索引超出最大限制,也是把只能截取的部分截取掉即可
3、如果一个参数都不传递:相当与把整个字符串都截取(字符串克隆)

indexOf && lastIndexOf
str.indexOf:检测字符在字符串中第一次出现字符的索引,如果没有返回-1  
string.lastIndexOf:检测字符在字符串最后出现的索引
可以验证一下当前字符串中是否包含某个字符
split
str.split:按照某一个字符,把字符串拆分成数组中的某一项,和数组中的join方法是对应的,支持正则拆分
var str="music|movie|eat"
str.split("|");-->["nusic","movie","eat"];

var str="music";
str.split("");-->["m","u","s","i","c"];
replace
str.replace:实现字符的替换,一般是和正则结合在一起使用,不回改变原有字符
str="abcdefd";
str.replace("旧字符","新字符");-->"a替换cdfd"//只能替换一次,执行多次可能也不能全部替换,这时候我们就需要搭配正则来使用
trim &&trimLeft &&trimRight
str.trim:去除字符串收尾空格  
stt.trimLeft:去除字符串开始的空格
str.trimRight:去除字符串结尾空格
toUpperCass();将字符串中所有的字符都转换成大写; toLowerCase();将字符串中所有的字符都转换成小写; concat();字符串拼接; startsWith();

str.startsWith("www")判断是否以指定字符串开头 ES6 (判断字符串是否以www开头)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104468.html

相关文章

  • JavaScript基础知识总结

    摘要:字面量方式这是最简单最基本的一种方法。简单的构造函数方式通过这样的形式创建对象。结合上面的简单构造函数和原型,一个完整的构造函数应该是这样的还有一种方法就是提供的简单实现下中的,,创建一个对象谈谈对象的理解。避免使用表达式又称动态属性。 要点:数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、异步装载回调、模板引擎、Nodejs等。 JS基本类型有什么?引...

    lakeside 评论0 收藏0
  • [SheetJS] js-xlsx模块学习指南

    摘要:简介是前端操作以及类似的二维表的最佳选择之一而是它的社区版本将注意力集中到了数据转换和导出上所以它支持相当多种类的数据解析和导出不仅仅局限于支持格式支持的导入格式支持的导出格式它可以解析符合格式的数据导出符合格式的数据利用中间层操作数据 简介 SheetJS是前端操作Excel以及类似的二维表的最佳选择之一,而js-xlsx是它的社区版本. js-xlsx将注意力集中到了数据转换和导出...

    zhaot 评论0 收藏0
  • 常见js笔试面试题(持续更新)

    摘要:相当于绕过了浏览器端,自然就不存在跨域问题。三者的区别与服务器的交互数据始终在同源的请求中携带即使不需要,即在浏览器和服务器间来回传递。而和不会自动把数据发给服务器,仅在本地保存。和虽然也有存储大小的限制,但比大得多,可以达到或更大。 本文提供最简便的解答方式,方便快速记忆,复盘,详细答案可自己再搜一下。 js基础知识 1. javascript typeof返会的数据类型有哪些 ob...

    yuxue 评论0 收藏0
  • JS高级入门教程

    摘要:解析首先简称是由欧洲计算机制造商协会制定的标准化脚本程序设计语言。级在年月份成为的提议,由核心与两个模块组成。通过引入统一方式载入和保存文档和文档验证方法对进行进一步扩展。其中表示的标记位正好是低三位都是。但提案被拒绝了。 JS高级入门教程 目录 本文章定位及介绍 JavaScript与ECMAScript的关系 DOM的本质及DOM级介绍 JS代码特性 基本类型与引用类型 JS的垃...

    zsy888 评论0 收藏0

发表评论

0条评论

weizx

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<