文章目录
- 数组的添加
-
-
-
- push ——后面`追加(有参数)
- unshift ——前面`追加(有参数)
-
-
- 删除数组元素
-
-
-
- pop ——删除 最后一个(没有参数)
- shift ——删除 前者(无参数)
-
- splice(index,len,[item]) ——删除、替换、添加 某个数组
- slice()-截取数组
- concat——数组拼接
-
- 数组排序
-
-
-
- reverse ——数组翻转
- sort ——数组排序 / 冒泡排序
-
-
- 数组的索引
-
-
-
- indexOf(数组元素)-从前面开始搜索
-
-
- indexOf 去重封装数组
-
- lastIndexOf(数组元素)-从后面开始搜索
-
-
- 将数组转换为字符串
-
-
-
-
-
- toString()-数组转换为字符串
- join(分隔符)
-
-
-
-
数组的添加
push ——后面`追加(有参数)
- 可以给数组
后面
添加新元素 - 数组元素直接写入参数
- 返回结果是新数组长度
- 原数组发生了变化
unshift ——前面`追加(有参数)
- 可以给数组
前面
追加新的元素 - -数组元素直接写入参数
- 返回结果是新数组的长度
- 原数组发生了变化
删除数组元素
pop ——删除 最后一个(没有参数)
- 只能删除数组的最后一个元素
- 没有参数
- 返回结果是 删除的元素
- 原数组发生了变化
shift ——删除 前者(无参数)
- 数组的前一个元素只能删除一个元素
- 没有参数
- 返回结果是 删除的元素
- 原数组发生了变化
splice(index,len,[item]) ——删除、替换、添加 某个数组
- index:数组开始下标
- len: 替换/删除长度
- item:替换值,删除操作 item为空
///删除起始标记为1,长度为1(len设置1,若为0,则数组不变) var arr = ['a','b','c','d']; arr.splice(1,1); console.log(arr); //['a','c','d']; ///删除起始标记为1,长度为2(len设置2) var arr2 = ['a','b','c','d'] arr2.splice(1,2); console.log(arr2);
//['a','d']
//替换起始下标为1,长度为1的一个值为‘ttt',len设置的1
var arr = ['a','b','c','d'];
arr.splice(1,1,'ttt');
console.log(arr);
//['a','ttt','c','d']
var arr2 = ['a','b','c','d'];
arr2.splice(1,2,'ttt');
console.log(arr2);
//['a','ttt','d'] 替换起始下标为1,长度为2的两个值为‘ttt',len设置的1
// 添加 ---- len设置为0,item为添加的值
var arr = ['a','b','c','d'];
arr.splice(1,0,'ttt');
console.log(arr);
//['a','ttt','b','c','d'] 表示在下标为1处添加一项'ttt'
slice()——截取数组
- array.slice(start, end)
- 从给定的 start 参数开始的元素,并在给定的 end 参数处结束,但不包括。
- 返回被截取的新数组
- 不会改变原始数组。
concat——数组拼接
- 连接两个或多个数组。
- 不会更改现有数组
- 返回一个新数组
let sedan = ["S60", "S90"];
let SUV = ["XC40", "XC60", "XC90"];
let wagon = ["V60", "V90", "V90CC"];
let Volvo = sedan.concat(SUV, wagon);
console.log(Volvo); // S60,S90,XC40,XC60,XC90,V60,V90,V90CC
数组排序
reverse ——数组翻转
let arr = [ '你','好','呀'];
arr.reverse();
console.log(arr); //(3)['呀','好','你']
sort ——数组排序 / 冒泡排序
//直接用会首位数排序
let arr = [13, 1, 88, 66, 6];
arr.sort();
console.log(arr);//(5)[1, 13, 6, 66, 88]
//添加一个函数固定搭配
let arr = [13, 1, 88, 66, 6];
arr.sort(function(a,b){
return a - b; //升序的顺序排序
// return b - a; //降序的顺序排序
});
console.log(arr);//(5)[1, 6, 13, 66, 88]
数组的索引
indexOf(数组元素)——从前面开始查找
- 作用就是返回该数组元素的索引号
- 返回第一个满足条件的索引号
- 如果在该数组上找不到元素,则返回-1
let arr = ['red', 'blue', 'green', 'blue'];
console.log(arr.indexOf('blue')); //1
console.log(arr.indexOf('pink')); //-1
indexOf 封装数组去重
function upique(arr){
let newArr = [];
for(var i = 0; i < arr.length; i++){
if(newArr.indexOf(arr[i] === -1){
newArr.push(arr[i]);
}
}
}
let demo = upiqur(['a', 'b', 'c', 'c', 'b', 'e', 'a'])
console.log(demo); // (4)['a', 'b', 'c', 'e']
lastIndexOf(数组元素)——从后面开始查找
- 作用就是返回该数组元素的索引号
- 返回最后一个满足条件的索引号
- 如果在该数组上找不到元素,则返回-1
let arr = ['red', 'blue', 'green', 'blue'];
console.log(arr.lastIndexOf('blue')); //3
console.log(arr.lastIndexOf('pink')); //-1
数组转换为字符串
toString()——数组转换为字符串
逗号分隔每一项,返回字符串
let arr = [1, 2, 3];
console.log(arr.toString());//1,2,3
join(‘分隔符’)
把数组中所有元素转换为字符串
let arr = [1, 2, 3];
console.log(arr.join());//1,2,3
console.log(arr.join('-'));//1-2-3
console.log(arr.join('&'));//1&2&3