夜光带你走进JavaScript（五十四）擅长的领域

最新推荐文章于 2019-12-02 18:10:44 发布

GeniusTeam-夜光

最新推荐文章于 2019-12-02 18:10:44 发布

阅读量126

点赞数

分类专栏： Genius-JavaScript

本文链接：https://blog.csdn.net/weixin_41987706/article/details/102657125

版权

Genius-JavaScript 专栏收录该内容

59 篇文章 2 订阅

订阅专栏

夜光序言：

福报不是求来的，是修来的。痛苦烦恼不是别人给你的，是你自己找来的。

正文：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">单击按钮给数组添加新的元素。</p>
<button onclick="myFunction()">点我</button>
<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    function myFunction(){
        fruits.push("005");
        var x=document.getElementById("demo");
        x.innerHTML=fruits;
    }
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">单击按钮将数组反转排序。</p>
<button onclick="myFunction()">点我</button>
<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    function myFunction(){
        fruits.reverse();  //夜光：反转
        var x=document.getElementById("demo");
        x.innerHTML=fruits;
    }
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">单击按钮删除数组的第一个元素。</p>
<p id="demo2"></p>
<button onclick="myFunction()">点我</button>
<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    function myFunction(){
        var delell = fruits.shift();
        var x=document.getElementById("demo");
        x.innerHTML= '删除后数组为：' +  fruits;
        document.getElementById("demo2").innerHTML= '删除的元素是：' +  delell;
    }
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">点击按钮截取数组下标 1 到 2 的元素。</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction(){
        var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
        var citrus = fruits.slice(1,3);
        var x=document.getElementById("demo");
        x.innerHTML=citrus;
    }
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">单击按钮升序排列数组。【夜光：按照字母顺序】</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction(){
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.sort();
        var x=document.getElementById("demo");
        x.innerHTML=fruits;
    }
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">单击按钮升序排列数组。【按照数字顺序】</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction(){
        var points = [40,100,1,5,25,10];
        points.sort(function(a,b){return a-b});
        var x=document.getElementById("demo");
        x.innerHTML=points;
    }
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">单击按钮降序排列数组。【数字】</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction(){
        var points = [40,100,1,5,25,10];
        points.sort(function(a,b){return b-a});
        var x=document.getElementById("demo");
        x.innerHTML=points;
    }
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">点击按钮向数组添加元素。【从第二个位置开始】</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction(){
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.splice(2,0,"006","005");
        var x=document.getElementById("demo");
        x.innerHTML=fruits;
    }
</script>

</body>
</html>

GeniusTeam-夜光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
夜光带你走进JavaScript（五十四）擅长的领域

夜光序言：福报不是求来的，是修来的。痛苦烦恼不是别人给你的，是你自己找来的。正文：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>夜光</title><...
复制链接

扫一扫

专栏目录