FormData是一个对象,但是不能使用常用的获取对象的方法获取它里面的值

let formData = new FormData();
formData.append('name','lili');
console.log(formData.name);
// 这样写是不会获取到name的值的,会返回undefined
console.log(formData.append.name);
// 这样写也是不会获取到name的值的,会返回undefined

FormData的append方法是用来添加数据的,它会在数据的末尾新增,如果添加了多次同一个key的值,并不会把已经添加的值改掉,只会在后面新增一个值(实际上是一个数组)

let formData = new FormData();
formData.append('name','lili');
formData.append('name','huahua');
// 这里面存储的数据实际上会是['lili','huahua']这样的

要是想把已经存在的数据改掉要使用set方法

let formData = new FormData();
formData.set('name','xixi');
// 如果formData里面原来没有name这个字段是会新增这个字段的
// 所以如果在某种逻辑下字段的值需要更改最好直接使用set,就不要用append了,这样写一行代码就够了。

如果想获取某个字段的值就要使用get方法,get方法会获取这个字段的第一个值,使用getAll方法会获得这个字段所有的值

let formData = new FormData();
formData.append('name','huahua');
formData.append('name','lili');
console.log(formData.get('name'));
// 会输出'huahua'
console.log(formData.getAll('name'));
// 会输出['huahua','lili']

判断是否存在某个字段可以使用has方法

let formData = new FormData();
formData.append('name','lili');

console.log(formData.has('name'));// 会返回true

console.log(formData.has('aa'))// 会返回false

 删除某个字段可以使用delete方法

let formData = new FormData();
formData.append('name','huahua');
formData.delete('name');

(本文是基于作者在写代码的过程中记录的一些心得体会,如有不恰当的地方欢迎各位大佬指正~)

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐