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()方法较多
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)