首页 > it技术 > >
JavaScript常用数据操作方法
2022-04-07
length()------数组长度
toString()-----将数组转化为字符串,并且用逗号分开
let numbers = ['1','2','3'];
console.log(numbers.toString());
//1,2,3
join()---- 将数组转化为字符串,可以添加灵活符号分隔开;
let numbers = ['1','2','3'];
console.log(numbers.join("-"));
//1-2-3
concat()----将两个数组组合到一起,返回一个新数组
let arr1 = ['1','2','3'];
let arr2 =['4','5','6'];
let arr3 = arr1.concat(arr2);
console.log(arr3);
//['1', '2', '3', '4', '5', '6']
push()---将数据元素添加到数组的末尾,并修改原始数组
let arr1 = ['1', '2', '3'];
let num ='4';
arr1.push(num);
console.log(arr1);
//['1', '2', '3', '4']
pop()---删除数组元素的最后一项,改变原始数组
let arr1 = ['1', '2', '3'];
arr1.pop();
console.log(arr1);
//['1', '2']
shift()---将数据元素添加到数组的开头,并修改原始数组
let arr1 = ['1', '2', '3'];
let num = '0';
arr1.unshift(num);
console.log(arr1);
// ['0', '1', '2', '3']
splice()----通过删除现有元素或者添加新元素来更改一个数组的元素,修改数组本身。
《JavaScript权威指南》:该方法可以从数组中删除元素,可以向数组中插入新元素,也可以同时执行上述两个操作,位于插入或删除点之后的元素的索引会按照需要增大或者减少,从而与数组剩余部分保持连续。splice()的第一个参数指定插入或者删除操作的起点位置。第二个参数指定要从数组删除的元素个数。如果省略第二个参数,从起点元素开始的所有元素都会被删除。
array.splice(start)
array.splice(start, deleteCount)
array.splice(start, deleteCount, item1, item2, ...)
//其中start是修改开始的位置,deleteCount是从start开始删除多少内容,其余的参数如果有的话就表示在start这个位置插入对应的元素
举例说明
let arr1 = [1, 2, 3, 4, 5];
arr1.splice(4);
console.log(arr1);
//[1, 2, 3, 4]arr1.splice(1, 2);
console.log(arr1);
// [1, 4]arr1.splice(1, 1);
console.log(arr1);
//[1]let arr1 = [1, 2, 3, 4, 5];
arr1.splice(2,2,'a','b');
console.log(arr1);
//[1, 2, 'a', 'b', 5]
slice()---array.slice(start, end),用来复制(截取)数组给定部分,并将复制(截取)的数组作为新数组返回,原数组不会发生改变。
let arr1 = [1, 2, 3, 4, 5];
let arr2 = arr1.slice(1, 3);
console.log(arr1);
//[1, 2, 3, 4, 5]
console.log(arr2);
// [2, 3]
【JavaScript常用数据操作方法】 split() ---将字符串分隔成子串并它们作为数组返回,不改变原字符串。
let str = "abcdef";
let str2 =str.split();
console.log(str2);
//['abcdef']let str = "hello,world!";
let result = str.split(',');
console.log(result);
//['hello', 'world!']
indexOf(),在数组中执行查找,如果找到返回所查找元素所在位置的索引(数组下标),否则返回-1。
let arr = [1, 2, 3, 4, 5];
let num = arr.indexOf(3);
console.log(num);
//2num = arr.indexOf(6);
console.log(num);
//-1
lastIndexOf()---返回所找到数据的最后一个索引
let arr = [1, 2, 3, 4, 3];
let num = arr.lastIndexOf(3);
console.log(num);
//4
filter()---筛选满足条件的数据,返回一个新数组
map()---通过操作数组中的值来穿创建一个新数组
reduce()---适用于计算总计的值
forEach()---用于迭代数组
every()---检查数组的中的值是否都满足条件,满足返回true,不满足返回false
some()---检查数组中的元素(一个或者多个)是否满足指定条件,如果满足返回true,不满足返回false
includes()----检查数组中是否包含某个元素
推荐阅读