数组及其应用

创建数组:

第一种方法:

var arr = [1, 2, 3, 4];

第二种方法:

var arr = Array(1, 'hello', 3, 4);

alert(arr);

console.log(typeof arr);

typeof的返回值是字符串.如果上面Array();里面只有一个参数,表示创建对应长度的空数组.

遍历数组:

var arr = [1, 2, 3, 4, 5];

for(var i = 0; i < arr.length;i++ ){

console.log(arr[i]);

}

添加元素:

arr.push();往数组末尾添加,

arr.unshift();数组首位添加,

删除元素:

arr.pop();删除末尾元素;

arr.shift();删除首位元素;

arr.splice(删除开始的下标,删除的个数,后面的是在同下标添加元素);注:删除个数为零则不删,在后面添加元素

拼接:

var 新的数组 = 原来的数组.concat(拼接的数组 , 拼接的数组);

连接数组中的元素:

var arr = ['welcome', 'to', 'beijing'];

var str = '';

for(var j = 0; j < arr.length; j++){

str += arr[ j ];

}

alert(str);

连接的快捷方法:

var str = arr.join(' ');

数组的反转.

var d = [1, 2, 3, 4];

alert(d.reverse());反转reverse

slice(起始位置,结束位置)

注:1.可以传递一个或者两个参数;2.可以传递负数,如果是负数,拿数组长度加上负数;3.没有修改原始数组;创建的新数组.

var testArr = [1, 2, 3, 4];

var sliceArr = testArr.slice(-4, -2);

slice就是选择这几个位置的数.

迭代方法:

var numbers = [1, 2, 3, 4, 2, 5, 9];

var filterFn = function(item, index){

console.log(item);

return item > 5;

}

item代表数组中每个元素,index代表数组元素的下标.

var filterNumbers = numbers.filter(用来测试数组中每个元素的函数, 执行前面函数时用于this的值);

alert(filterNumbers );

map() 再次处理数组中的数据

语法: var mapNumbers = numbers.map(function(item,index){

return item * 2;

});

alert(mapNumbers);

forEach();遍历,与for循环类似

var eachNumbers = numbers.forEach(function(item, index){

console.log(item);

});

把数组里的元素分开显示,成单个数字.

归并方法:(注:就是求和)

var sum = values.reduce(function(prev, cur, index){

console.log('prev:' +prev, 'cur:' +cur);

return prev + cur;

});

console.log(sum);

注:上面的是常规方法进行归并,

var sum = 0;

values.forEach(function(item){

sum += item;

});

alert(sum);

注:这是使用forEach的快捷方法;

用Aarray创建数组,new操作符也可以省略

存放不同的元素

var arr = [1, 'str', true, null, undefined];

二维数组

var twoArr = [[1, 2], [3, 4]];

修改数组的长度

arr.length = 2;

alert(arr.length);

console.log(arr);

清空数组

var newArr = [];建立一个空数组,长度为零

var arr1 = [1, 2, 3, 4];

arr1 = [];赋值空数组

while(arr1.length){

arr1.pop();

}删除所有元素.

arr1.splice(0, arr1.length);

检测数组

var testArr = [1, 2];

alert(Array.isArray();

function test(){

alert(Array.isArray(arguments));

}

上面这个是类数组,不是真的数组.

var str = 'hello world';

alert(str[3]);注:显示下标的l;

alert(str.indexOf('w'));注:显示字母w的下标;

var indexArr = [1, 'hello', 3];

alert(indexArr.indexOf(3));注:显示3的下标;

var a = 20;

var b = 30;

var temp;

temp = a;

a = b;

b = temp;

console.log(a, b);

上面是通过重新建一个临时变量存放a.再用b的值覆盖a.达到交换ab值的方法.

arr.sort(function(n1, n2){

return n2 - n1;

});

alert(arr);

上面表示的排序.降序:如果改成n1 - n2就是升序.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容