JS-Array数组对象

简介: Array对象练习 实验 concat() var myArray = [1, 2, 3, 4, 5]; var arr = myArray.concat('上山打老虎'); document.

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Array对象练习</title>
</head>

<body>
<div>
<h1>实验</h1>
<h3>concat()</h3>
<script type="text/javascript">
var myArray = [1, 2, 3, 4, 5];
var arr = myArray.concat('上山打老虎');
document.write(arr);
document.write('<hr/>');
var arr2 = "老虎没打着";
var arr3 = "打着小松鼠";
document.write(arr.concat(arr2, arr3));
document.write('<h4>总结:可见,既可以在括号里直接添加要连接的内容,也可以把连接的内容定义为变量,然后再concat括号内加入变量名称</h4>')
</script>
</div>
<div>
<h1>实验</h1>
<h3>join(分隔符)</h3>
<script type="text/javascript">
var myArray2 = [1, 2, 3, 4, 5];
var join1 = myArray2.join('-');
document.write(join1);
document.write('<h4>总结:返回一个字符串,该字符串把数组内的各个元素串联起来,用(分隔符)置于元素之间,此方法不影响元素本身的内容,我们使用join(),将数组的所有元素放入一个字符串之中。</h4>')
</script>
</div>
var join2 = myArray3.slice(-2,5);
<div>
<h1>实验</h1>
<h3>slice(start,end)</h3>
<script type="text/javascript">
var myArray3 = ['a', 'b', 'c', 'd', 'e'];
var join1 = myArray3.slice(2, 4);
document.write(join1);
var join2 = myArray3.slice(-2, 5);
var join2_1 = myArray3.slice(-2, -5);
document.write('<br />' + join2 + join2_1 + '<br/>join2_1为空' + '<br/>start为负值时,end为正,向后截,end为负值向前截,但是end为正数值不能是start对应元素前边元素的下标,否则为空');
document.write('<h4>总结:1,可用负值从数组尾部选取元素.2,如果end为空,则slice()方法选取从start到数组结尾的所有元素。3.此方法Array()与String()相似</h4>')
</script>
</div>
<div>
<h1>实验</h1>
<h3>sort(方法函数)</h3>
<script type="text/javascript">
var myArray4 = [1, 23, 45, 12, 345, 678, 96, 4, 123];
var join3 = myArray4.sort();
document.write(join3 + '<br/>可见:如果不指定函数,则按照unicode编码顺序,1-9,a-z,且按照元素第一位,不管后边多少位,尤其数字时明显<br />');
//排序函数
//升序
function sortNum1(a, b) {
return a - b; //升序
//return b - a;//降序
}
var join3_1 = myArray4.sort(sortNum1);
document.write('升序:' + join3_1 + '<br />');
//降序
function sortNum2(a, b) {
//return a - b;//升序
return b - a; //降序
}
var join3_2 = myArray4.sort(sortNum2);
document.write('降序:' + join3_2);

document.write('<h4>总结:该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字,比较函数应该具有两个参数a和b,其返回值入如下:<br/>1,若返回值<=-1,则表示A在排序后的序列中出现在B之前。<br/>2,若返回值>-1&&<1,则表示A和B具有相同的排序顺序。<br/>3,若返回值>=1,则表示A在排序后的顺序中出现在B之后。<br/>总之,(a - b) 为升序,(b - a) 为降序</h4>')
</script>
</div>
</body>

</html>

目录
相关文章
|
4月前
|
测试技术 PHP 开发者
PHP 数组查找:为什么 `isset()` 比 `in_array()` 快得多?
PHP 数组查找:为什么 `isset()` 比 `in_array()` 快得多?
|
7月前
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
234 23
|
8月前
|
人工智能 Java
Java 中数组Array和列表List的转换
本文介绍了数组与列表之间的相互转换方法,主要包括三部分:1)使用`Collections.addAll()`方法将数组转为列表,适用于引用类型,效率较高;2)通过`new ArrayList&lt;&gt;()`构造器结合`Arrays.asList()`实现类似功能;3)利用JDK8的`Stream`流式计算,支持基本数据类型数组的转换。此外,还详细讲解了列表转数组的方法,如借助`Stream`实现不同类型数组间的转换,并附带代码示例与执行结果,帮助读者深入理解两种数据结构的互转技巧。
572 1
Java 中数组Array和列表List的转换
|
11月前
|
存储 Go 索引
go语言中的数组(Array)
go语言中的数组(Array)
243 67
|
8月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
Web App开发 存储 前端开发
别再用双层遍历循环来做新旧数组对比,寻找新增元素了!使用array.includes和Set来提升代码可读性
这类问题的重点在于能不能突破基础思路,突破基础思路是从程序员入门变成中级甚至高级的第一步,如果所有需求都通过最基础的业务逻辑来做,是得不到成长的。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
186 1
JavaScript中对象的数据拷贝

热门文章

最新文章

下一篇
oss云网关配置