html引用另一个文件的数组,js数组的常用函数slice()和splice()以及js引入html文档的方式-2019年1月17号 17时18分...

javascript是门强大的编程语言,接下来通过几个小示例来说明一下js引入html文档的方式以及js数组常用的两个函数slice()和splice()

js引入html文档的方式有三种:

1、直接写在元素的事件方法属性上,如定义一个按钮,单击这个按钮显示出按钮的类型:显示类型

2、在当前页面中直接把js效果写在标签中,如:

window.οnlοad=function(){

document.write("加载完成")

}

3、从外部引入,类似css文档的引入,url是要引入的js文件路径:

接下来讲解slice()和splice()函数,在讲这两个函数之前先讲一下forEach()函数

forEach()函数的作用是将数组中的元素输出,如:var arr=["php","html","css","jquery","javascript","java","c++"]

arr.forEach(function(value){console.log(value)})

运行结果为:

20afdf312f9070494c0f273fdd9fc8cc.png

slice(x,y)函数:从下标x开始,返回下标x和下标y之间选中的元素

返回第一个下标开始到第四个下标之间的元素,如:

a3ef844a194989917ce8bb8ff9f4ae6e.png

splice(x,y,z)函数:对数组有增删改的功能

增加:在指定位置(x)添加一个元素(y),返回被删除的元素(因为是添加元素,y=0,删除的元素为空,所以返回空)

如在第二个位置添加一个元素“添加”:

16bed757a2ebbb8b78da2c46b13a255d.png

删除:在指定的位置(x)开始,删除对应长度(y)的元素(z=0),并返回被删除的元素

如在第二个位置开始,删除后面两个元素:

bb8210432072d5729b02c345de51115a.png

修改:本质为先删除,后在删除的位置添加一个新元素

如把第四个元素修改:

d5d1a12e9d970e3ab2f61a1a06ac8e4a.png

总结:

1、slice()函数和splice()函数虽只有一个字母的差别,但是含义却又天壤之别

2、splice()函数中有三个参数,参数不同,所用的功能也不同

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript数组有两个常用的方法:slicesplice。 1. slice 方法: slice 方法是用于从数组提取指定范围的元素,然后返回一个新的数组。它接受两个参数,即开始索引和结束索引(不包括结束索引本身),如果省略结束索引,则会一直提取到数组末尾。原始数组不会被修改。 示例: ```javascript const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi']; const slicedFruits = fruits.slice(1, 4); // 从索引 1 到 4(不包括 4)提取元素 console.log(slicedFruits); // 输出:['banana', 'orange', 'grape'] const slicedFruits2 = fruits.slice(2); // 从索引 2 开始提取元素到数组末尾 console.log(slicedFruits2); // 输出:['orange', 'grape', 'kiwi'] console.log(fruits); // 输出原始数组,不受 slice 方法影响:['apple', 'banana', 'orange', 'grape', 'kiwi'] ``` 2. splice 方法: splice 方法用于修改原始数组,它可以用于删除、插入或替换数组的元素。它接受三个或更多参数,第一个参数是开始索引,第二个参数是需要删除的元素个数,之后的参数是要插入到数组的新元素(可选)。splice 方法会返回一个包含被删除元素的数组。 示例: ```javascript const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi']; const deletedFruits = fruits.splice(2, 2); // 从索引 2 开始删除 2 个元素 console.log(deletedFruits); // 输出:['orange', 'grape'] console.log(fruits); // 输出被修改后的数组:['apple', 'banana', 'kiwi'] fruits.splice(1, 0, 'pear', 'melon'); // 从索引 1 开始插入新元素 console.log(fruits); // 输出被修改后的数组:['apple', 'pear', 'melon', 'banana', 'kiwi'] fruits.splice(4, 1, 'mango'); // 从索引 4 开始替换一个元素 console.log(fruits); // 输出被修改后的数组:['apple', 'pear', 'melon', 'banana', 'mango'] ``` 希望这些示例能够帮助你理解 slicesplice 方法的用法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值