码迷,mamicode.com
首页 > 其他好文 > 详细

值和类型

时间:2016-11-01 13:42:14      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:span   ons   可变   string   not   赋值   常见   dex   情况   

类型

js中的变量是没有类型的,只有值才有类型,变量可以随时接受任何类型。例如:

     var a = 42;
        console.log(typeof a); //number
        a = ‘44‘;
        console.log(typeof a);//string

undefind 和 undeclared

在js中,已在作用域声明但还没赋值的变量,是undefined。相反还没在作用域中声明过的变量是undeclared

var a;
console.log(typeof a); //undefined 
console.log(b);//Uncaught ReferenceError: b is not defined

需要特别注意的是如果用typeof undeclared 时,会返回undefined。

console.log(typeof b);//undefined

但是这种方式有一个好处就是可以通过typeof来检查变量是否声明过,而不会报错。例如:

if (b) {   //这种方式会报错
    //do something
}

if (typeof b !== "undefined") {
    //do something
}

if (window.b) { //也可以用这种方式 但如果代码会在其他环境中执行的话,会有问题,例如nodejs,全局对象就不是window了。
    //do something
}

 

数组

数组内部可以放任意类型的元素,也可创建稀疏数组。

var a = [];
a[0] = ‘1a‘;
a[2] = ‘23‘;

这里需要注意a[1]的值是undefined。
数组也可以像对象一样有自己的属性,例如:

a[‘name‘] = ‘yu‘;
console.log(a.length);//3

但是数组的属性并不会改变length属性。还有一点需要注意的是,如果属性名称可以转换为十进制数字的话,那么它就会被当做索引来处理。例如:

a[‘13‘] = ‘a‘;
console.log(a.length); //14

类数组

一般在一些dom查询操作返回的元素列表,其实他们并非是真正意义的数组,而是一些类数组。在jq内部经常会使用类数组。

var a = { 1: ‘a‘, 2: ‘b‘, length: 2 };

还一个例子是arguments就是一个类数组,但在es6开始已经废止。
常用的转换类数组为真正的数组的方式为:

var arr = Array.prototype.splice.call(a);

在es6中Array新增了一个内置函数 Array.from() 也可以实现转换功能,例如:

var arr = Array.from(a);

 

字符串

字符串和字符串数组在很多情况下看起来是一样的,但他们并不是一回事。他们都有length属性和indexof等方法。

var a = ‘abc‘;
var b = [‘a‘, ‘b‘, ‘c‘];
console.log(a.length);//3
console.log(b.length);//3
console.log(a.indexOf(‘b‘));//1
console.log(b.indexOf(‘b‘));//1

但是字符串是不可变的,只能创建一个新的字符串并返回,而字符串数组可以在原始值改变的。

a[1] = ‘v‘;
b[1] = ‘v‘;
console.log(a);//abc
console.log(b);//["a", "v", "c"]

在实际开发过程中我们可以借用数组的方法来达到某些目的。

var c = Array.prototype.join.call(a,‘-‘);
console.log(c);//a-b-c

还有一个常见的面试题就是字符串反转问题。
数组上有一个reverse方法,用来反转数组元素,但是我们这里却无法借用,因为字符串是不可变的。
但是我们可以先把字符串转成数组,在进行反转。

var a = ‘xyz‘;
var b = a.split(‘‘).reverse().join();
console.log(b); //z, y, x

 

数字

值和类型

标签:span   ons   可变   string   not   赋值   常见   dex   情况   

原文地址:http://www.cnblogs.com/y8932809/p/6018824.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!