JavaScript基础(一)

JavaScript

---

数据类型

值类型（基本类型）：字符串（string）、数字（number）、布尔（Boolean）、对空（Null）、未定义（undefined）、symbol。

引用数据类型：对象（object）、数组（array）、函数（function）。

 

JavaScript不区分整数和浮点数，统一用number表示

布尔值：true、false

 

数组：数组用[]表示，元素之间用，隔开。数组的元素可以通过索引来访问。索引的起始值为0

var arr = [1, 2, 3.14, 'hello', null, true];

arr[0]; //返回索引0的元素为1

arr[1]; //同理为2

arr[2]; //3.14

arr[4]; //null

arr[6]; //索引超出了范围，返回undefined

 

对象

JavaScript的对象是一组由键-值组成的无序集合，例如：

var person = {

    name: 'Bob',

    age: 20,

    city: 'Beijing',

    hasCar: true,

    zipcode: null

};

上述person对象定义了6个键值对要获取对象的属性，我们用对象变量.属性名的方式

person.name; //'Bob'

person.zipcode; //null

 

变量

变量在JavaScript中就是用一个变量名表示，表示名是大小写英文、数字、$和_的组合，且不能用数字开头。变量名也不能是JavaScript的关键字，如if、while等。申明一个变量用var语句

 

模板字符串

要把多个字符串连接起来，可以用 + 号连接：

var name = '小明';

var age = 20;

var message = '小明,' + name + '你今年' + age + '岁了！'

alert(message) //结果为:小明,你今年20岁了！

 

操作字符串

获取字符串的长度：

var s = 'Hello World!';

s.lenght; //12

toUpperCase()把一个字符串全部变为大写：

var s = 'hello';

s.toUpperCase(); //返回'HELLO'

toLowerCase()把一个字符串全部变为小写：

var s = 'HELLO';

s.toLowerCas(); //返回'hello'

 

indexOf

通过indexOf()来搜索一个指定的元素位置：

var arr = [10, 20, '30', 'xyz'];

arr.indexOf(10); //元素10的索引为0

arr.indexOf(20); //元素20的索引为1

arr.indexOf(30); //没有元素30所有返回-1

arr.indexOf('30'); //元素'30'的索引为2

//数字30和'30'是不同的元素

 

slice

截取部分元素。然后返回一个新的：

var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];

arr.slice(0, 3); //从索引0开始，到索引3结束，但不包含索引3 结果为 ['A', 'B', 'C']

arr.slice(3); //索引从3开始直到结束：['D', 'E', 'F', 'G']

如果不给slice()传递任何的参数，它就会从头到尾截取所有的元素。利用这一点可以很容易复制array

var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];

var aCopy = arr.slice();

aCopy; //['A', 'B', 'C', 'D', 'E', 'F', 'G']

 

push和pop

push()向Array的末尾添加若干元素,pop()则把Array的最后一个元素删除掉：

var arr = [1, 2];
arr.push('A', 'B');

arr; //[1, 2, 'A', 'B']

arr.pop();

arr; //[1, 2, 'A']

 

unshift和shift

如果要往Array的头部添加若干元素，使用unshift()方法，shift()方法则把Array的第一个元素删掉：

var arr = [1, 2];

arr.unshift('A', 'B');

arr //['A', 'B', 1, 2]

var arr = [1, 2];

arr.shift();

arr //[2]

 

sort

sort()可以对当前Array进行排序,它会直接修改当前Array的元素位置，直接调用时，按照么默认顺序排序；

var arr = [3, 2, 1];

arr.sort();

arr //[1, 2, 3]

 

reverse

reverse()把整个Array的元素给反转：

var arr = ['one', 'two', 'three'];

arr.reverse();

arr //['three', 'two', 'one']

 

concat

concat()方法把当前的Array和另一个Array连接起来，并返回一个新的Array:

var arr = ['A', 'B', 'C'];
var added = arr.concat([1, 2, 3]);

added //['A', 'B', 'C', 1, 2, 3]

 

join

join()方法是一个非常实用的方法，它把当前Array的每个元素都用指定的字符串连接起来，然后返回连接后的字符串：

var arr = ['A', 'B', 'C', 1, 2, 3];

arr.join('-'); //'A-B-C-1-2-3'

var arr = ['A', 'B', 'C', 1, 2, 3];

arr.join('+'); //'A+B+C+1+2+3'

 

多维数组

如何通过索引取想要的值：

var arr = [[1, 2, 3], [100, 200, 300], '-'];
arr[1][1]; //200

转载于:https://www.cnblogs.com/LingYuanTech/p/9747579.html