数组常用属性&方法
数组的属性,这个比较基础了哦:
1.数组的长相:
// 用方括号括起来的
// 可以包含很多元素
let arr1 = [\'11\', \'22\', \'33\', \'aa\', \'bb\'];
// 也可以没有元素,
let arr2 = [];
// 也可以先制指定有3个元素,之后再添加5个元素也是可以的
let arr3 = [3];
arr3[0] = \'30\';
arr3[1] = \'31\';
arr3[2] = \'32\';
arr3[3] = \'33\';
arr3[4] = \'34\';
arr3[5] = \'35\';
console.log(arr3); // [ \'30\', \'31\', \'32\', \'33\', \'34\', \'35\' ]
2.length:
console.log(arr3.length); // 6
3.索引(下标)
console.log(arr3[0]); // 30
// 从0开始,毕竟是从外国发展过来的,玩过人的习惯就是从0开始,而且编码过程中很多东西(99.9%)都是从索引0开始
4.prototype:数组原型属性;
Array.prototype 属性表示 Array 构造函数的原型,并允许您向所有Array对象添加新的属性和方法
/*
如果JavaScript本身不提供 first() 方法,
添加一个返回数组的第一个元素的新方法。
*/
if(!Array.prototype.first) {
Array.prototype.first = function() {
console.log(`如果JavaScript本身不提供 first() 方法,
添加一个返回数组的第一个元素的新方法。`);
return this[0];
}
}
数组的方法多,而且经常用到啊,一定要牢记哦,熟练嘞
1.concat: 连接两个数组
arr1 = [1,2,3];
arr2 = [4,5,6];
arr1.concat(arr2) ;// [1,2,3,4,5,6];
2.join(): 将数组拼接成字符串, ()里参数可有可无,默认为“,”
arr1 = [\'a\',\'b\',\'c\'];
arr1.join() = a,b,c ;
arr1.join(\' \') = a b c;
arr1.join(\' + \') = a + b + c ;
3. toString(): 将数组拼接成字符串,有无参数都是使用“,”
let arr1 = [\'11\', \'22\', \'33\']; let aaa = arr1.toString(); console.log(aaa); // 11,22,33
4.push(): 在数组末尾添加
let arr1 = [\'11\', \'22\', \'33\']; arr1.push(\'44\'); console.log(arr1); // [ \'11\', \'22\', \'33\', \'44\' ]
5.pop(): 在数组末尾删除
let arr1 = [\'11\', \'22\', \'33\']; let aaa = arr1.pop(); console.log(arr1); // [ \'11\', \'22\' ] console.log(aaa); // 33
6.unshift(): 在数组开头添加
let arr1 = [\'11\', \'22\', \'33\']; arr1.unshift(\'44\'); console.log(arr1); // [ \'44\', \'11\', \'22\', \'33\' ]
7.shift(): 在数组开头删除
let arr1 = [\'11\', \'22\', \'33\']; arr1.shift(); console.log(arr1); // [ \'22\', \'33\' ]
8.sort(): 排序默认升序
let arr1 = [\'11\', \'22\', \'33\']; arr1.sort(); console.log(arr1); // [ \'11\', \'22\', \'33\' ]
升序
let arr1 = [\'11\', \'22\', \'33\']; arr1.sort(dealChil); console.log(arr1); // [ \'11\', \'22\', \'33\' ] function dealChil(a, b) { return a - b; }
j降序
let arr1 = [\'11\', \'22\', \'33\']; arr1.sort(dealChil); console.log(arr1); // [ \'33\', \'22\', \'11\' ] function dealChil(a, b) { return b - a; }
9.reverse(): 反向,倒序
let arr1 = [\'22\', \'11\', \'33\']; arr1.reverse(); console.log(arr1); // [ \'33\', \'11\', \'22\' ]
10.splice(),他和下面就比较混了,要注意一下哦, 而且他的用法比较多变,参数个数还不一定嘞,可添加,可删除, 他会改变原数组
这个不好举例,语法大概是:
array.spllice(index, num, item [, item2, item3]);
index:
要操作的位置,
正数 / 负数,
表示:从前往后 / 从后往前 num:
0 / 其他数字,
表示:不删除,要增加,这时一般后面会有item / 删除的个数)
item:
num为0时,要添加的元素
11.slice(start, end): 选择数组, 选取数组组中 [start, end)的元素 ,原数组不改变哦
let arr1 = [\'11\', \'22\', \'33\']; let aaa = arr1.slice(0, 2); console.log(aaa); // [ \'11\', \'22\' ]
以上,既是笔记,也时自我复习,谢谢 !!! -_-