【数组方法整理】

1.split()

将一个字符串以某个符号进行拆分

let myData = "Manchester,London,Liverpool,Birmingham,Leeds,Carlisle";
let myArray = myData.split(",");  #以逗号拆分字符串
myArray;

2.join()

将数组合并为一个字符串

let myData = "Manchester,London,Liverpool,Birmingham,Leeds,Carlisle";
let myArray = myData.split(",");  #以逗号拆分字符串
myArray;

let myNewString = myArray.join(",");  #以逗号连接
myNewString;

3.toString()

将数组转换为字符串的另一种方法是使用 toString() 方法。 toString() 可以比 join() 更简单,因为它不需要一个参数,但更有限制。使用 join() 可以指定不同的分隔符

let dogNames = ["Rocket", "Flash", "Bella", "Slugger"];
dogNames.toString(); //Rocket,Flash,Bella,Slugger

js数组使用JSON.stringify和toString的区别如下:

使用方法

JSON.stringify()是json对象的一个解析方法,它可以把JSON对象序列化成json字符串。

toString是一个js对象的方法,任何对象都会继承这个方法,也就是Object.prototype.toString(),返回值类型为:[object Object]; toString() 方法可把一个 Number 对象转换为一个字符串,并返回结果。

	NumberObject.toString(radix)

其中radix参数可选。规定表示数字的基数,使 2 ~ 36 之间的整数。若省略该参数,则使用基数 10。但是要注意,如果该参数是10以外的其他值,则 ECMAScript 标准允许实现返回任意值。

返回值: 数字的字符串表示。例如,当 radix 为 2 时,NumberObject 会被转换为二进制值表示的字符串。

抛出 :当调用该方法的对象不是 Number 时抛出 TypeError 异常。

2.用法上的区别举例:

比如定义:

obj =[1,2,3]

那么用toString的结果是"1,2,3",直接将数组内容转为字符串格式

用JSON.stringify()的结果是"[1,2,3]",保留原有格式的字符串模式

4.push()pop()

加一个或多个要添加到数组末尾的元素

myArray.push("Cardiff");
myArray;
myArray.push("Bradford", "Brighton");
myArray;

从数组中删除最后一个元素的话直接使用 pop() 就可以。

myArray.pop();

5.unshift()shift()

从功能上与 push()pop() 完全相同,只是它们分别作用于数组的开始,而不是结尾。

myArray.unshift("Edinburgh");
myArray;
let removedItem = myArray.shift();
myArray;
removedItem;

6.map()

map() 方法是一个迭代方法。它为数组中的每个元素调用一次提供的 callbackFn 函数,并用结果构建一个新数组。

map()方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组,map()同样不会改变原数组

const array1 = [1, 4, 9, 16];

// Pass a function to map
const map1 = array1.map((x) => x * 2);

console.log(map1);
// Expected output: Array [2, 8, 18, 32]

7.filter()

filter()用于对数组进行过滤。注意:filter()不会对空数组进行检测、不会改变原始数组。
它创建一个新数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

Array.filter(function(currentValue, indedx, arr), thisValue)第一个参数为: 当前正在遍历的元素;
第二个参数为: 当前元素索引;第三个参数为: 原数组本身

其中,函数 function 为必须,数组中的每个元素都会执行这个函数。且如果返回值为 true,则该元素被保留;函数的第一个参数 currentValue 也为必须,代表当前元素的值。

返回数组nums中所有大于5的元素。

let nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 
let res = nums.filter((num) => {
  return num > 5;
});
 
console.log(res);  // [6, 7, 8, 9, 10]

  • 13
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 中,数组变异(Array Mutation)指的是对数组原有元素进行修改、增加或删除操作的方法。常用的数组变异方法有以下几种: 1. push():向数组末尾添加一个或多个元素,并返回新的长度。 2. pop():删除数组末尾的元素,并返回删除的元素。 3. shift():删除数组第一个元素,并返回删除的元素。 4. unshift():向数组开头添加一个或多个元素,并返回新的长度。 5. splice():从数组中删除元素或向数组中添加元素,返回被删除的元素。 6. sort():对数组进行排序,返回排序后的数组。 7. reverse():颠倒数组中元素的顺序,并返回颠倒后的数组。 除了上述数组变异方法之外,还有一些数组方法不会对原数组进行修改,而是返回一个新的数组。常用的这类数组方法有以下几种: 1. concat():将两个或多个数组合并成一个新数组,并返回新的数组。 2. slice():从数组中选取指定的元素,返回新的数组。 3. filter():过滤数组中的元素,返回符合条件的元素组成的新数组。 4. map():对数组中的每个元素进行处理,返回处理后的元素组成的新数组。 5. reduce():对数组中的元素进行累加或累积,返回累加或累积的结果。 6. find():查找数组中符合条件的第一个元素,并返回该元素。 7. findIndex():查找数组中符合条件的第一个元素的索引,并返回该索引。 8. indexOf():查找数组中指定元素的索引,并返回该索引。 9. lastIndexOf():查找数组中指定元素最后出现的索引,并返回该索引。 10. includes():判断数组中是否包含指定元素,返回布尔值。 需要注意的是,数组变异方法会直接修改原数组,而不是返回一个新数组。如果你需要保留原数组,可以先将原数组复制一份,然后对复制的数组进行操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值