首页 > 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()----检查数组中是否包含某个元素
推荐阅读
