js如何动态添加数组?

js如何动态添加数组?,第1张

js动态添加数组可以按下面的步骤:

1、在数组的开头添加新元素 - unshift()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add elements to the array.</p>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction()

{

var fruits = ["Banana", "Orange", "Apple", "Mango"]

fruits.unshift("Lemon","Pineapple")

var x=document.getElementById("demo")

x.innerHTML=fruits

}

</script>

<p><b>Note:</b>The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p>

</body>

</html>

测试结果:

Lemon,Pineapple,Banana,Orange,Apple,Mango

2、在数组的第2位置添加一个元素 - splice()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add elements to the array.</p>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction()

{

var fruits = ["Banana", "Orange", "Apple", "Mango"]

fruits.splice(2,0,"Lemon","Kiwi")

var x=document.getElementById("demo")

x.innerHTML=fruits

}

</script>

</body>

</html> 

测试结果:

Banana,Orange,Lemon,Kiwi,Apple,Mango

3、数组的末尾添加新的元素 - push()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add a new element to the array.</p>

<button onclick="myFunction()">Try it</button>

<script>

var fruits = ["Banana", "Orange", "Apple", "Mango"]

function myFunction()

{

fruits.push("Kiwi")

var x=document.getElementById("demo")

x.innerHTML=fruits

}

</script>

</body>

</html>

测试结果:

Banana,Orange,Apple,Mango,Kiwi

concat(数组1,数组2,...),用于合并两个或多个数组,返回一个全新的数组

copyWithin()方法,从数组的指定位置拷贝元素到数组的另一个指定位置中,第一个参数是目标位置,第二个参数是拷贝元素的起始位,第三个参数是拷贝元素的结束位置,如果不设置第三个参数,拷贝元素结束位置就是目标位置的前一位

fill()方法,使用一个固定值来填充数组

从数组中检查指定的数据是否存在,存在返回true,不存在返回false

1)学号不可以重复 通过includes()查找nos这个数组总共是否已存在,存在返回ture,不存在返回false。

2)输出长度为7的数组 str ,且七位数组内容不重复

1)str.indexOf(a)返回的值是在数组 str 中第一个数据 a 对应的下标(索引)位置

2)str.lestindexOf(a)返回的值是在数组 str 中最后一个数据 a 对应的下标(索引)位置

isArray(a)检查 a 是否为数组,是返回true,不是返回false

join()将一个数组根据某个字符串拼接成字符串,默认为逗号

返回结果分别是:

11你好22你好33你好44你好55你好66你好77你好88

1122334455667788

11,22,33,44,55,66,77,88

split()方法,用于将字符串根据某个字符串打散成数组

1)split('')表示将字符串中的所有字符打散成数组,

返回结果:['好', '好', '学', '习', ',', '天', '天', '向', '上']

2)split('喜欢')表示将字符串根据“喜欢”打散成数组,

返回结果: ['我', '吃苹果,', '吃桃子,', '吃香蕉']

1)删除,该方法需要传两个参数:第一个是起始位置,第二个是删除长度;如果第二个参数不传,就表示从起始位置往后全部删除

splice(起始位置,删除内容长度),数组 str 返回结果为[11, 22, 33, 66]

2)修改,splice(起始位置,删除内容长度,替换内容),数组 str 返回结果为[11, 22, 99, 33, 66]

3)添加,splice(起始位置,0,添加内容),数组 str 返回结果为[11, 22, 33, 99, 44, 55, 66]

push()方法,向数组的末尾添加一个或更多元素,并返回新的数组,添加多个元素用逗号隔开

pop()方法,删除数组最后一个元素并返回新的数组

unshift()方法,向数组的开头添加一个或更多元素,并返回新数组,添加多个元素用逗号隔开

shift()方法,删除数组的第一个元素并返回新的数组

reverse()方法,反转数组的元素顺序

例:打印输出:[55, 44, 33, 22, 11]

slice()方法,选取数组的一部分,并返回一个新数组,原数组不变,该方法第一个参数是起始位置,第二个参数是结束位置,但取不到结束位置,如果省略第二个参数,只输入一个参数表示从起始位置开始到最后全部返回

例:

输出结果:

toString()方法,把数组转换为字符串,并返回结果,和join()方法类似,使用join()方法较多


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11943580.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存