欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

基础的JavaScript知识总结(五)简要介绍数组或对象 typeof、类型转换

程序员文章站 2022-03-30 16:18:05
...
这次给大家带来基础的JavaScript知识总结,总共有十一个知识点,基础的JavaScript知识总结(五)简要介绍数组或对象 typeof、类型转换下面就是实战案例,一起来看一下。

数组

数组对象用来在单独的变量名中存储一系列的值。形式是一个中括号,里面可以写很多东西,中间用逗号隔开,每个逗号类似可以隔开两个仓库,每个仓库可以放东西,比如Number,String ,undefined,放什么类型的值都可以。

var arr = [1,2,undefined,"abc",["a",1,5],null]//数组的增加document.write(arr.push("吴彦祖"));//打印arr-->[1,2,undefined,"abc",["a",1,5],null,"吴彦祖"]//数组的删除arr.splice(0,1)//打印出来是[2,undefined,"abc",["a",1,5],null]//数组的修改arr[0];//打印出来是0arr[0] = 100;//在打印出来就是100;//数组的查看for(var i = 0;i<arr.length;i++)console.log(arr[i]);

关于数组的其他方法

For...In 声明
使用 for...in 声明来循环输出数组中的元素。

合并两个数组 - concat()
如何使用 concat() 方法来合并两个数组。

用数组的元素组成字符串 - join()
如何使用 join() 方法将数组的所有元素组成一个字符串。

文字数组 - sort()
如何使用 sort() 方法从字面上对数组进行排序。

数字数组 - sort()
如何使用 sort() 方法从数值上对数组进行排序。

对象

JavaScript 对象是拥有属性和方法的数据。JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。在 JavaScript 中,对象是拥有属性和方法的数据。

var obj = {    key : value,
    建 : 值,
    属性: 属性值; 
}var car = {    type:"Fiat", 
    model:500, 
    color:"white"
    money:undefined,    newCar:false,
}//增加对象属性car.width = "1.6m";//删除对象属性delete.car.width;//修改对象属性car.width = "1.5m";

编程形式的区别

面向过程

面向对象

区别太过复杂,不接受,自己百度找区别去

typeof

六钟数据类型

Number
string
boolean
undefined
object
function
typeof("里面放数据")var num = 123;var str = "123";var a = true;var b = null; 
var c = undefined;console.log(typeof(num));//打印-->numberconsole.log(typeof(str));//打印-->stringconsole.log(typeof(a));//打印-->booleanconsole.log(typeof(b));//打印-->objectconsole.log(typeof(c));//打印-->undefined//第二种方法console.log(typeof c);//打印-->undefined 空格也可以

类型转换

显示类型转换

Number(mix)
parseInt(string,radix)
parseFloat(string)
toString(radix)
String(mix)
Boolean()
//Number转换成数var num = Number("123");        = true;        = false;        = null;        = undefined;        = "a";        = "123abc";console.log(num)//打印123                //打印1                //打印0                //打印0                //打印NaN                //打印NaN                //打印NaN//parseInt转换成整数//parseInt(String,radix)//radix 是调整进制取值范围是2-36//parseInt 是用数字为一直往后面看,看到截止,一直看到非数字位截止,把之前的数字返回var num = parseInt("123.9");        = true;        = false;        = null;        = undefined;        = "a";        = "123abc";console.log(num)//打印123不是四舍五入                //打印NaN                //打印NaN                //打印NaN                //打印NaN                //打印NaN                //打印123                //parseFloat//把数字转换为浮点数var num = parseFloat("123.9");        = true;        = false;        = null;        = undefined;        = "a";        = "123.2abc";console.log(num)//打印123.9                //打印NaN                //打印NaN                //打印NaN                //打印NaN                //打印NaN                //打印123.2                //String把内容换成字符串var num = String(123.9);        = undefined;console.log(num)//打印"123.9"                //打印"undefined"//Boolean转换成布尔值//除了undefined、null、NaN、""、0、false 打印出来的是false以外, 其他的全是truevar num = Boolean(123.9);        = undefined;console.log(num)//打印true                //打印false                                                //toString(radix) 转换成为字符串//两个不能用一个undefined一个null会报错undefined和unll没有这个toString属性//radix 是以10进制为基底转换为别的进制//用法:要转的数据.toStringvar demo = 123;var str = demo.toString();console.log(str)//打印出"123"

引式内容转换

isNaN()
++/-- +/-(一元正负)
-,*,/,%
&&,||,!
<,>,<=,>=
== !=
//isNaN()当你把数放在括号里面的时候他能判断这个是是不是NaN,然后给你返回回来console.log(isNaN(NaN))//打印trueconsole.log(isNaN(123))//打印falseconsole.log(isNaN("123"))//打印falseconsole.log(isNaN("adc"))//打印trueconsole.log(isNaN(null)//打印falseconsole.log(isNaN(undefined)//打印true//isNaN在内部 执行了一个Numbar方法//比如isNaN("abc")//首先执行了Numbar("abc")看是不是NaN 如果是就返回NaN//所以这个numbar它没有显示的去调用,是隐式的去调用
//++,先调用numbarvar a = "123";
a++;//打印出a-->124;var a = "abc";
a++;//打印出a-->NaN;//+/- 先调用numbarvar a = + "abc";console.log(typeof(a))//打印出numbar//+ 隐式类型转换调用的是stringvar a = "1" + 1;console.log(typeof(a))//打印出string
//-,*,/,%隐式类型转换调用的是numbar
// <,>,<=,>=如果有数字就调用numbarvar a = "1" < 2;console.log(typeof(a))//打印出boolean
// == ,!=var a = "1" == 1;console.log(typeof(a))//打印出boolean true
//特殊的undefined>0//打印falseundefined<0//打印falseundefined==0//打印falsenull>0//打印falsenull<0//打印falsenull==0//打印falseundefined == null//打印trueNaN == NaN//不等于任何东西

不发生类型转换

=== !==(绝对的等于 绝对不等于)
1 !== "1" //true1 !== 1 //falseNaN === NaN //false

还有一种特殊的

//a在没有定义的情况下typeof(a);//用console.log打印出undefined//typeof返回的值类型 都是string类型typeof(typeof(a))//用console.log打印出string

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

相关阅读:

基础的JavaScript知识总结(四)条件语句,循环语句

基础的JavaScript知识总结(三)比较运算符、逻辑运算符

基础的JavaScript知识总结(二)引入、变量、值类型、运算符

以上就是基础的JavaScript知识总结(五)简要介绍数组或对象 typeof、类型转换的详细内容,更多请关注其它相关文章!