js 实例

最新推荐文章于 2023-01-17 11:03:35 发布

impressed

最新推荐文章于 2023-01-17 11:03:35 发布

阅读量710

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/impressed1989/article/details/9078187

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

冒泡排序

去除数组的重复元素
参数：arr--数组类型
返回值：无重复元素的数组

1.先以目标数组的值为key生成一个对象. 这一步是最核心的: 因为在一个对象中, key是无法重复的, 这样就很巧妙的排除了重复值;

2. 遍历生成的对象, 将这些key取出来放到一个数组中, ok, 到此就大功告成了

function uniquearr(arr)
{
    arr = arr || [];
    var a = {};
    for (var i=0; i<arr.length; i++)
    {
        var v = arr[i];
        if (typeof(a[v]) == 'undefined')
    {
            a[v] = 1;
        }
    }
    arr.length = 0;
    for (var i in a )
    {
        arr[arr.length] = i;
    }

    return arr;
}

//
var arr=["a","b","c","a"];
alert(arr.reverse().join(",").match( /([^,]+)(?!.*1)/ig).reverse());

//

array.prototype.deleteele=function(){
        var newarr = this;
        for (var i=newarr.length-1; i>=0; i--)
        {
            var targetnode = newarr[i];
            for (var j=0; j<i; j++)
            {
                if(targetnode == newarr[j]){
                    newarr.splice(i,1);
                    //alert(arr);
                    break;
                }
            }
        }
        return newarr;
    }
    var arr = ["a","b","c","c","ab","d","ab","d","c"];
    alert(arr.deleteele());

3. 广告延时加载，等待加载内容方法
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<div id="testad">广告加载中....</div>
<div id="loading">
<script language="javascript" src="http://www.111cn.net/gg_ad/host.js"></script>
</div>

<script language="javascript">
function chkdiv(){
document.getElementById('testad').innerHTML= document.getElementById('loading').innerHTML;
document.getElementById('loading').innerHTML="";
}
setTimeout('chkdiv()',3000);
</script>
</body>
</html>
www.111cn.net原创

function f()
{
t=document.form1.f2.value;
alert(t.substr(0,2));//获取左边两个字符
alert(t.substr(t.length-2,t.length))//获取右边两个字符
alert(t.substr(2,t.length));//去掉字符串的左边两个字符串
}

《script》

实例下面来看看dom对表格的操作

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Table test</title>
</head>
<body>
<div id="tableTest">
</div>
</body>
</html>

//创建5行
for(var i=0;i<5;i++){
var _tr=document.createElement("tr");
//创建4列
for(var j=0;j<4;j++){
  var _td=document.createElement("td");
  var _tn=document.createTextNode(i.toString()+j.toString());
  _td.appendChild(_tn);
  _tr.appendChild(_td);
}
_table.appendChild(_tr);
}
//将表格显示于页面
container.appendChild(_table);
//-->
</script>

6.function foo()
{
var str = reverse('a,b,c,d,e,f,g');
alert(str);
if (str == 'g,f,e,d,c,b,a')
alert('成功');
else alert('失败');
}
function reverse(str)
{
// 在此处加入代码，完成字符串翻转功能
var spl = str.split(',');
var newstr="";
for(i=spl.length-1;i>=0;i--)
{
newstr+=spl[i]+',';
}
newstr=newstr.substring(0,newstr.length-1)
return newstr;
}

7. var myarr = new Array()
myarr[0] = "a";
myarr[1] = "d";
myarr[2] = "f";
myarr[3] = "f";
myarr[4] = "a";
for (i=0;i<myarr.length;i++) //注意里面的分号，分割
{
document.write(myarr[i]);
//alert(myarr[i]);
}

8.foreach

var data = [1,2,3,4,5];
var sum =0;
data.forEach(function(value)
{
sum += value;
});
document.write(sum);

var a = [1,2,3,4,5]
var sum =a.reduce(function(x,y) //从右到左处理数组
{ return x+y;},0)
document.write(sum);

平均值

var data = [1,3,4,5,6,7,8]
var total =0;
for(var i=0;i<data.length; i++)
total +=data[i];
var mean =total/data.length;
document.write(mean);

 function ShowArguments() {

            var args = "";

            for (var i = 0; i < arguments.length; i++) {

                args += arguments[i] + ",";

};

            alert(args.substr(0, args.length - 1));

};

        ShowArguments(1, 2, 3, 4, 5, 6, 7);

var arr=['a','b','c'];
for(index in arr)
document.write('arr['+index+']='+arr[index]+"</br>");
//arr[0]=a
//arr[1]=b

//arr[2]=c

impressed

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录